@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #f5222d;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #9aca3f;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(89, 90, 92, 0.5);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}

@use 'sass:map';
.navigation {
  padding: 40px; }
  @media (max-width: 1024px) {
    .navigation {
      padding: 40px 100px; } }
  @media (max-width: 768px) {
    .navigation {
      padding: 40px 64px 0; } }
  @media (max-width: 425px) {
    .navigation {
      padding: 20px; } }
  .navigation .progressbar {
    position: relative; }
    .navigation .progressbar:before {
      content: "";
      position: absolute;
      background-color: #f5fdff;
      height: 10px;
      width: 100%;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .navigation .progressbar .circle-container {
      display: flex;
      justify-content: space-between;
      max-width: 100%;
      width: 100%;
      margin-bottom: 36px; }
      @media (max-width: 425px) {
        .navigation .progressbar .circle-container {
          margin-bottom: 52px; } }
      .navigation .progressbar .circle-container .circle {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        position: relative;
        z-index: 2;
        transition: 0.4s ease;
        border: 1px solid #48b6cb;
        background-color: #f5fdff; }
        .navigation .progressbar .circle-container .circle .icon {
          font-size: 20px;
          text-align: center;
          color: var(--grey-color);
          display: flex;
          align-items: center;
          justify-content: center;
          height: 48px;
          margin: 5px 0; }
        @media (max-width: 425px) {
          .navigation .progressbar .circle-container .circle {
            height: 48px;
            width: 48px; }
            .navigation .progressbar .circle-container .circle .icon {
              height: 36px; }
              .navigation .progressbar .circle-container .circle .icon svg {
                height: 22px;
                width: 22px; } }
        .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.active:before {
          content: "";
          width: 175%;
          position: absolute;
          right: 60px;
          height: 10px;
          top: 25px;
          z-index: -1; }
        .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:after {
          content: "";
          width: 175%;
          position: absolute;
          left: 60px;
          height: 10px;
          top: 25px;
          z-index: -1; }
        .navigation .progressbar .circle-container .circle.completed.left-edge:before, .navigation .progressbar .circle-container .circle.active.left-edge:before {
          display: none; }
        .navigation .progressbar .circle-container .circle.completed.right-edge:after, .navigation .progressbar .circle-container .circle.active.right-edge:after {
          display: none; }
        @media (max-width: 1024px) {
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            width: 110%; } }
        @media (max-width: 768px) {
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            width: 75%; } }
        @media (max-width: 425px) {
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            width: 42%;
            top: 18px; }
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.active:before {
            right: 46px; }
          .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:after {
            left: 46px; } }
        @media (max-width: 375px) {
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            width: 28%; } }
        @media (max-width: 320px) {
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after, .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            width: 16%; } }
        .navigation .progressbar .circle-container .circle.completed {
          border: 1px solid #9aca3f;
          background-color: #9aca3f;
          cursor: pointer; }
          .navigation .progressbar .circle-container .circle.completed div:nth-child(2) h3,
          .navigation .progressbar .circle-container .circle.completed div:nth-child(2) p {
            color: #9aca3f; }
          .navigation .progressbar .circle-container .circle.completed .icon svg path {
            fill: #fff; }
          .navigation .progressbar .circle-container .circle.completed:before, .navigation .progressbar .circle-container .circle.completed:after {
            background-color: #9aca3f; }
        .navigation .progressbar .circle-container .circle.active {
          background-color: #48b6cb;
          border: 1px solid #48b6cb; }
          .navigation .progressbar .circle-container .circle.active div:nth-child(2) h3,
          .navigation .progressbar .circle-container .circle.active div:nth-child(2) p {
            color: #48b6cb; }
          .navigation .progressbar .circle-container .circle.active .icon svg path {
            fill: #fff; }
          .navigation .progressbar .circle-container .circle.active:before, .navigation .progressbar .circle-container .circle.active:after {
            background-color: #48b6cb; }
      .navigation .progressbar .circle-container .circle-step-client {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        position: relative;
        z-index: 2;
        transition: 0.4s ease;
        border: 1px solid #48b6cb;
        background-color: #f5fdff; }
        .navigation .progressbar .circle-container .circle-step-client .icon {
          font-size: 20px;
          text-align: center;
          color: var(--grey-color);
          display: flex;
          align-items: center;
          justify-content: center;
          height: 48px;
          margin: 5px 0; }
        @media (max-width: 425px) {
          .navigation .progressbar .circle-container .circle-step-client {
            height: 48px;
            width: 48px; }
            .navigation .progressbar .circle-container .circle-step-client .icon {
              height: 36px; }
              .navigation .progressbar .circle-container .circle-step-client .icon svg {
                height: 22px;
                width: 22px; } }
        .navigation .progressbar .circle-container .circle-step-client.completed, .navigation .progressbar .circle-container .circle-step-client.active {
          /* @include media-query(md) {
            &:before,
            &:after {
              width: 110%;
            }
          } */ }
          .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.active:before {
            content: "";
            width: 265%;
            position: absolute;
            right: 60px;
            height: 10px;
            top: 25px;
            z-index: -1; }
          .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:after {
            content: "";
            width: 265%;
            position: absolute;
            left: 60px;
            height: 10px;
            top: 25px;
            z-index: -1; }
          .navigation .progressbar .circle-container .circle-step-client.completed.left-edge:before, .navigation .progressbar .circle-container .circle-step-client.active.left-edge:before {
            display: none; }
          .navigation .progressbar .circle-container .circle-step-client.completed.right-edge:after, .navigation .progressbar .circle-container .circle-step-client.active.right-edge:after {
            display: none; }
          @media (max-width: 768px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 55%; } }
          @media (max-width: 425px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 42%;
              top: 18px; }
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.active:before {
              right: 46px; }
            .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:after {
              left: 46px; } }
          @media (min-width: 992px) and (max-width: 1024px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 300%; } }
          @media (min-width: 786px) and (max-width: 992px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 240%; } }
          @media (min-width: 759px) and (max-width: 786px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 216%; } }
          @media (min-width: 674px) and (max-width: 759px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 180%; } }
          @media (min-width: 600px) and (max-width: 674px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 150%; } }
          @media (min-width: 550px) and (max-width: 600px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 140%; } }
          @media (min-width: 500px) and (max-width: 550px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 120%; } }
          @media (min-width: 480px) and (max-width: 500px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 100%; } }
          @media (min-width: 440px) and (max-width: 480px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 91%; } }
          @media (min-width: 425px) and (max-width: 440px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 80%; } }
          @media (min-width: 400px) and (max-width: 425px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 132%; } }
          @media (min-width: 370px) and (max-width: 400px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 119%; } }
          @media (min-width: 350px) and (max-width: 370px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 103%; } }
          @media (min-width: 320px) and (max-width: 350px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 73%; } }
          @media (max-width: 320px) {
            .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after, .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
              width: 76%; } }
        .navigation .progressbar .circle-container .circle-step-client.completed {
          border: 1px solid #9aca3f;
          background-color: #9aca3f;
          cursor: pointer; }
          .navigation .progressbar .circle-container .circle-step-client.completed div:nth-child(2) h3,
          .navigation .progressbar .circle-container .circle-step-client.completed div:nth-child(2) p {
            color: #9aca3f; }
          .navigation .progressbar .circle-container .circle-step-client.completed .icon svg path {
            fill: #fff; }
          .navigation .progressbar .circle-container .circle-step-client.completed:before, .navigation .progressbar .circle-container .circle-step-client.completed:after {
            background-color: #9aca3f; }
        .navigation .progressbar .circle-container .circle-step-client.active {
          background-color: #48b6cb;
          border: 1px solid #48b6cb; }
          .navigation .progressbar .circle-container .circle-step-client.active div:nth-child(2) h3,
          .navigation .progressbar .circle-container .circle-step-client.active div:nth-child(2) p {
            color: #48b6cb; }
          .navigation .progressbar .circle-container .circle-step-client.active .icon svg path {
            fill: #fff; }
          .navigation .progressbar .circle-container .circle-step-client.active:before, .navigation .progressbar .circle-container .circle-step-client.active:after {
            background-color: #48b6cb; }

.nav-title {
  position: absolute;
  top: 69px;
  width: 171px;
  text-align: left;
  left: -54px; }
  .nav-title h3 {
    font-size: 20px;
    margin-bottom: 0;
    color: #595a5c;
    font-weight: 400;
    text-align: center;
    user-select: none; }
  .nav-title p {
    margin-top: 4px;
    font-size: 16px;
    opacity: 40%;
    color: #595a5c;
    line-height: 24px;
    text-align: center;
    user-select: none; }
  @media (max-width: 1024px) {
    .nav-title {
      left: -30px;
      width: 130px; }
      .nav-title h3 {
        font-size: 16px;
        text-align: center; }
      .nav-title p {
        font-size: 12px;
        line-height: 20px; } }
  @media (max-width: 768px) {
    .nav-title {
      left: -36px;
      width: 134px; }
      .nav-title h3 {
        font-size: 14px; } }
  @media (max-width: 425px) {
    .nav-title {
      left: 0;
      width: 60px; }
      .nav-title h3 {
        font-size: 13px; }
      .nav-title p {
        display: none; } }

.shortlisted-candidates-heading {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c; }

.shortlisted-candidates-wrapper {
  max-width: 900px;
  margin: 16px auto 20px; }

.shortlisted-candidates-sub-heading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: #595a5c;
  margin-bottom: 20px; }

.shortlisted-candidates-heading {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c; }

.shortlisted-candidates-wrapper {
  max-width: 900px;
  margin: 16px auto 20px; }

.shortlisted-candidates-sub-heading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: #595a5c;
  margin-bottom: 20px; }

.last-seen-date {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #acacad; }

.view-profile-button {
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 10px;
  border: 1.5px solid #48b6cb;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px; }

.individual-shortlisted-card {
  border-radius: 6px; }
  .individual-shortlisted-card .secondary-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #595a5c;
    opacity: 0.5; }
  .individual-shortlisted-card:hover {
    cursor: pointer;
    border: 2px solid #48b6cb;
    background-color: #f8feff; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(89, 90, 92, 0.5);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: #595a5c;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 20px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert-content {
  flex: 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #fcfff0;
  border: 1px solid #e3f0bd;
}
.ant-alert-info .ant-alert-icon {
  color: #9aca3f;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(89, 90, 92, 0.5);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(89, 90, 92, 0.5);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #595a5c;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #9aca3f;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}

.notification-icon {
  margin-right: 26px;
  margin-top: 2px;
  cursor: pointer; }
  .notification-icon .notification-badge {
    font-size: 10px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    padding: 1px; }

.error-page-wrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .error-page-wrapper .information-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .error-page-wrapper .information-container .title {
      font-size: 28px;
      font-weight: 500;
      line-height: 32px;
      letter-spacing: -0.34375px;
      text-align: center;
      color: #202020; }
    .error-page-wrapper .information-container .information {
      margin-top: 20px;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0em;
      text-align: center;
      color: #595a5c;
      margin-bottom: 40px; }
    .error-page-wrapper .information-container .redirect {
      margin: 0 auto; }

@use 'sass:map';
.tp-error-page-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 80vw;
  margin: auto;
  padding: 40px;
  margin-top: 90px; }
  @media (max-width: 425px) {
    .tp-error-page-wrapper {
      margin-top: 72px;
      padding: 24px;
      max-width: 80vw; } }
  @media (max-width: 768px) {
    .tp-error-page-wrapper {
      padding: 24px;
      max-width: 80vw; } }
  .tp-error-page-wrapper .illustrator-container {
    max-width: 320px; }
    @media (max-width: 425px) {
      .tp-error-page-wrapper .illustrator-container {
        max-width: 170px; } }
    @media (max-width: 768px) {
      .tp-error-page-wrapper .illustrator-container {
        max-width: 170px; } }
  .tp-error-page-wrapper .information-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .tp-error-page-wrapper .information-container .information {
      margin-top: 20px;
      font-size: 24px;
      font-weight: 500;
      line-height: 30px;
      letter-spacing: 0em;
      text-align: center;
      color: #595a5c;
      margin-bottom: 40px; }
      @media (max-width: 425px) {
        .tp-error-page-wrapper .information-container .information {
          font-size: 20px; } }
    .tp-error-page-wrapper .information-container .redirect {
      margin: 0 auto; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(89, 90, 92, 0.3);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #595a5c;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: #595a5c;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #595a5c;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: #595a5c;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #9aca3f;
}
.ant-list-item-meta-description {
  color: rgba(89, 90, 92, 0.5);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(89, 90, 92, 0.5);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(89, 90, 92, 0.5);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #f3f3f3;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

.cs-panel-page-container {
  border-radius: 6px;
  padding: 28px 20px 28px 20px;
  background-color: #ffffff;
  gap: 1.75rem; }
  .cs-panel-page-container .btn-style {
    display: flex;
    height: 40px;
    padding: 0px 16px;
    align-items: center;
    gap: 10px; }
  .cs-panel-page-container .container-header-text {
    color: #595a5c;
    font-size: 20px;
    font-weight: 500; }
  .cs-panel-page-container .img-circle {
    border-radius: 50%; }
  .cs-panel-page-container .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    background-color: transparent; }
  .cs-panel-page-container .ant-table-container {
    border: 1px solid var(--Gray-200, #eaecf0);
    background: var(--White, #fff);
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); }
    .cs-panel-page-container .ant-table-container .ant-table-thead .ant-table-cell {
      color: #667085;
      font-size: 12px;
      font-weight: 500;
      border-bottom: 1px solid var(--Gray-200, #eaecf0);
      background: var(--Gray-50, #f9fafb); }
    .cs-panel-page-container .ant-table-container .ant-table-body .ant-table-row:hover {
      cursor: pointer; }
    .cs-panel-page-container .ant-table-container .ant-table-body .ant-table-cell {
      color: #667085;
      font-size: 14px; }
  .cs-panel-page-container .empty-heading {
    color: #9aca3f;
    font-size: 24px; }
  .cs-panel-page-container .empty-content {
    color: #59515c;
    font-size: 16px;
    line-height: 32px;
    text-align: center; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #fcfff0;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #faffe6;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #9aca3f;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #9aca3f;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(89, 90, 92, 0.5);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #9aca3f;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(89, 90, 92, 0.3);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #f9fced;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(89, 90, 92, 0.3);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #9ACA3F;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #b2d665;
}
.ant-table-row-expand-icon:active {
  color: #75a32a;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(89, 90, 92, 0.3);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
  display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: calc(calc(2 + 1) + 1);
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 4px 4px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-footer {
  border-radius: 0 0 4px 4px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #595a5c;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #9aca3f;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #9aca3f;
}
.ant-pagination-item:focus-visible {
  border-color: #9aca3f;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #9aca3f;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #9aca3f;
}
.ant-pagination-item-active a {
  color: #9aca3f;
}
.ant-pagination-item-active:hover {
  border-color: #b2d665;
}
.ant-pagination-item-active:focus-visible {
  border-color: #b2d665;
}
.ant-pagination-item-active:hover a {
  color: #b2d665;
}
.ant-pagination-item-active:focus-visible a {
  color: #b2d665;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #9aca3f;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(89, 90, 92, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #595a5c;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: #595a5c;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #b2d665;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #9aca3f;
  border-color: #9aca3f;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #9aca3f;
  border-color: #9aca3f;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(89, 90, 92, 0.3);
  border-color: #f3f3f3;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(89, 90, 92, 0.3);
  border-color: #f3f3f3;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #595a5c;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #b2d665;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #b2d665;
  box-shadow: 0 0 0 2px rgba(154, 202, 63, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(89, 90, 92, 0.3);
  background-color: #f5f5f5;
  border-color: #f3f3f3;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #f3f3f3;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(89, 90, 92, 0.3);
  background-color: #f5f5f5;
  border-color: #f3f3f3;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #f3f3f3;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #9aca3f;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #b2d665;
  box-shadow: 0 0 0 2px rgba(154, 202, 63, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(89, 90, 92, 0.3);
  background: #f5f5f5;
  border-color: #f3f3f3;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #f3f3f3;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(89, 90, 92, 0.3);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(89, 90, 92, 0.3);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(89, 90, 92, 0.3);
  background: #f5f5f5;
  border-color: #f3f3f3;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(89, 90, 92, 0.3);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}

@use 'sass:map';
.intro-item .title-activator {
  font: normal 16px Roboto;
  color: #595a5c;
  margin-top: 0;
  margin-bottom: 1rem; }
  .intro-item .title-activator span {
    font-family: Roboto;
    padding: 6px 10px;
    display: inline-block;
    background-color: #e6f7fb;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 4px; }
    @media (max-width: 425px) {
      .intro-item .title-activator span {
        margin-left: 0;
        margin-top: 8px; } }

.intro-item .content {
  background: #e6f7fb;
  opacity: 1;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 24px; }
  .intro-item .content p {
    font: normal 14px Roboto;
    line-height: 20px;
    color: #48b6cb;
    margin-top: 0;
    margin-bottom: 10px; }
  .intro-item .content textarea {
    font: normal 14px Roboto;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    display: block;
    border: none;
    border-radius: 6px;
    line-height: 23px;
    color: #595a5c;
    background-color: transparent;
    padding: 0px; }
    .intro-item .content textarea:focus {
      background-color: transparent;
      box-shadow: none;
      outline: 0;
      color: #495057; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: #595a5c;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(89, 90, 92, 0.5);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #b2d665;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(89, 90, 92, 0.3);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #9aca3f;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 4px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 4px 4px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 0 0 4px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 4px 4px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #b2d665;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #75a32a;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #9aca3f;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #75a32a;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(89, 90, 92, 0.5);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #b2d665;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #9aca3f;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(89, 90, 92, 0.3);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane {
  outline: none;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}

.virtualbench .updated-btn {
  display: flex;
  height: 40px;
  padding: 0px 16px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  gap: 6px; }

.virtualbench .filter-btn {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  padding: 10px 14px;
  height: 40px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse; }
  .virtualbench .filter-btn .text {
    color: #667085;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; }

.virtualbench .ant-tabs .ant-tabs-nav {
  border-bottom: 1px solid #d6d8db;
  margin: 0 0 40px 0;
  position: sticky;
  background: #f4f4f4;
  z-index: 999; }
  .virtualbench .ant-tabs .ant-tabs-nav .ant-tabs-nav-list {
    font-size: 16px; }
    .virtualbench .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
      color: var(--gray-500, #667085);
      background-color: transparent; }
      .virtualbench .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-content {
        font-size: 16px;
        line-height: 24px;
        align-items: center; }
    .virtualbench .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active {
      background-color: #fafafa;
      border-bottom: 2px solid #48b6cb; }
      .virtualbench .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .tab-content {
        color: #48b6cb;
        line-height: 24px;
        align-items: center; }

.virtualbench .tab-counter {
  border-radius: 4px;
  border: 1px solid rgba(72, 182, 203, 0.53);
  background: rgba(72, 182, 203, 0.1);
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px; }

.virtualbench .empty-state {
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  height: 440px;
  padding: 30px 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch; }
  .virtualbench .empty-state .heading {
    color: #9aca3f;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }
  .virtualbench .empty-state .text {
    color: #59515c;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 32px */ }

.virtualbench .virtualbench-containter {
  border-radius: 6px;
  border: 1.5px solid #f2f4f6;
  background: #fff;
  padding: 30px 28px; }
  .virtualbench .virtualbench-containter .vb-review {
    gap: 1.5rem; }
    .virtualbench .virtualbench-containter .vb-review .gap-row {
      gap: 1.5rem; }

.virtualbench .select-all-checkbox {
  color: #344054;
  font-size: 14px;
  line-height: 20px; }

.virtualbench .heading {
  color: var(--Gray-900, #101828);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; }

.virtualbench .subheading {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  line-height: 20px; }

.virtualbench .detail-text {
  color: #595a5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; }

.virtualbench .detailTag {
  border-radius: 100px;
  border: 1px solid #e6eaed;
  background: #edf8fa;
  padding: 8px 16px;
  color: #595a5c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.144px; }

.virtualbench .profile-card .individual-profile-card-container {
  border-radius: 10px;
  background: #fff; }
  .virtualbench .profile-card .individual-profile-card-container:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px 0 #ccc; }

.virtualbench .profile-card .ant-card-body {
  padding: 0px; }
  .virtualbench .profile-card .ant-card-body .card-body {
    padding: 20px 20px 0px 20px; }
  .virtualbench .profile-card .ant-card-body .profile-detail .img-circle {
    border-radius: 26px;
    width: 43.5px;
    height: 43.5px; }
  .virtualbench .profile-card .ant-card-body .profile-detail .profile-name {
    color: #1d2939;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; }
  .virtualbench .profile-card .ant-card-body .profile-detail .profile-headline {
    color: #595a5c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    min-height: 40px; }
  .virtualbench .profile-card .ant-card-body .profile-detail .detail-heading {
    color: #344054;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; }
  .virtualbench .profile-card .ant-card-body .profile-detail .detail-text {
    color: #1d2939;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }
  .virtualbench .profile-card .ant-card-body .see-profile {
    padding: 0px 20px 12px 20px;
    color: #48b6cb;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer; }

.ant-modal-body .request-complete {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #667085;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; }

.project-dropdown-tabs {
  width: 244px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #667085;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .project-dropdown-tabs .ant-dropdown-placement-topCenter {
    top: -275px !important; }
  .project-dropdown-tabs .pl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    cursor: pointer; }
    .project-dropdown-tabs .pl svg {
      color: "#9ACA3F"; }

.filter-dropdown {
  display: flex;
  width: 158px;
  min-width: 158px;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
  .filter-dropdown .text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #667085; }
  .filter-dropdown .dropdownCount {
    border-radius: 4px;
    border: 1px solid rgba(153, 202, 63, 0.53);
    display: flex;
    padding: 4px 12px;
    background: #eef6ea;
    color: #9aca3f;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: #595a5c;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  margin-left: auto;
  padding: 16px 0;
  color: #595a5c;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid .ant-card-body {
  display: flex;
  flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 4px 4px 0 0;
}
.ant-card-actions {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  margin: 12px 0;
  color: rgba(89, 90, 92, 0.5);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #9aca3f;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(89, 90, 92, 0.5);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #9aca3f;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  display: flex;
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(89, 90, 92, 0.5);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.ant-drawer-inline {
  position: absolute;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.ant-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
  display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ant-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.ant-drawer-extra {
  flex: 0;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(89, 90, 92, 0.5);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
  opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
  opacity: 1;
}
.ant-drawer-mask-motion-leave {
  opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
  opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start {
  transform: translateX(-100%) !important;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start {
  transform: translateX(100%) !important;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start {
  transform: translateY(-100%) !important;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start {
  transform: translateY(100%) !important;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: #595a5c;
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(89, 90, 92, 0.5);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #cf1322;
}
a.ant-typography.ant-typography-danger:hover {
  color: #ff4d4f;
}
.ant-typography.ant-typography-disabled {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #9ACA3F;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #b2d665;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #75a32a;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(89, 90, 92, 0.3);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #9ACA3F;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #b2d665;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #75a32a;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(89, 90, 92, 0.5);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}

@use 'sass:map';
.info-card {
  background: #fff;
  padding: 20px;
  position: relative;
  width: 100%; }
  .info-card:not(:last-child) {
    border-bottom: 1px solid rgba(89, 90, 92, 0.2); }
  .info-card .action-btn-container {
    position: absolute;
    right: 2px;
    top: 8px; }
    .info-card .action-btn-container button:hover {
      opacity: 0.75; }
    .info-card .action-btn-container .edit-btn {
      margin-right: 14px;
      background: #d9f4f9;
      color: #48b6cb;
      border-color: #48b6cb; }
    .info-card .action-btn-container .del-btn {
      background: #ffe2e2;
      color: #ff5b5b;
      border-color: #ff5b5b; }
  .info-card .degree, .info-card .year, .info-card .location, .info-card .office-location, .info-card .position,
  .info-card .authority, .info-card .duration {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #888; }
  .info-card .year {
    font-weight: 400; }
  .info-card .institute {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.25px;
    font-weight: 500;
    color: #595a5c; }
    @media (max-width: 425px) {
      .info-card .institute {
        word-break: normal; } }
  @media (max-width: 425px) {
    .info-card.certificate .institute {
      max-width: 190px;
      word-break: normal; } }
  @media (max-width: 425px) {
    .info-card.certificate .info-card__course-details {
      max-width: 100%;
      word-break: normal; } }
  .info-card .location {
    font-weight: 400;
    margin-left: 8px;
    display: inline-flex;
    align-items: baseline; }
  .info-card .description {
    font-size: 16px;
    line-height: 26px;
    color: rgba(89, 90, 92, 0.6);
    margin-top: 10px;
    font-weight: 400;
    overflow-wrap: break-word;
    white-space: pre-line; }
  .info-card .company {
    color: #595a5c;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 24px; }
    @media (max-width: 768px) {
      .info-card .company {
        width: 80%; } }
  .info-card .position,
  .info-card .authority {
    color: #388df0;
    margin-top: 8px;
    margin-bottom: 8px; }
  .info-card__institute-name {
    margin-top: 8px;
    display: flex;
    position: relative; }
    .info-card__institute-name .location {
      margin-left: 20px; }
  .info-card__course-details {
    color: #888;
    max-width: 70ch; }
    @media (max-width: 425px) {
      .info-card__course-details {
        max-width: 210px;
        word-break: normal; } }
  .info-card__company-details {
    color: #888; }

@use 'sass:map';
.new-os-form-container .new-form-label .ant-form-item-label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px; }
  .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-left: 5px; }
  .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before {
    display: none !important; }

.new-os-form-container .new-form-label .ant-input-affix-wrapper,
.new-os-form-container .new-form-label .ant-picker,
.new-os-form-container .new-form-label textarea.ant-input {
  border: 1.5px solid #e6eaed;
  border-radius: 3px; }

.new-os-form-container .new-form-label .ant-picker.ant-picker-large {
  width: 100%; }

.new-os-form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
  position: absolute;
  transform: scale(1.5);
  color: currentColor; }

.new-os-form-container .new-form-label .ant-picker .ant-picker-input input {
  margin-left: 28px; }

.new-os-form-container .inline-form-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px; }
  @media (max-width: 768px) {
    .new-os-form-container .inline-form-elements {
      display: flex;
      flex-flow: column; } }

.otp-group {
  display: flex;
  width: 100%;
  max-width: 360px;
  column-gap: 10px; }

.otp-input {
  width: 100%;
  height: 60px;
  background: rgba(255, 255, 255, 0.6);
  border: 1.5px solid #f2f4f6;
  border-radius: 3px;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #595a5c;
  user-select: none;
  pointer-events: fill; }
  .otp-input:hover, .otp-input:focus, .otp-input:active, .otp-input[value]:not([value=""]) {
    background: rgba(255, 255, 255, 0.6);
    border: 1.5px solid #9aca3f; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #9aca3f;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(89, 90, 92, 0.5);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #9aca3f;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}

@use 'sass:map';
.ant-select-multiple .ant-select-selector .ant-select-selection-item .ant-select-selection-item-content {
  background: #eef6ea;
  color: #9aca3f; }

.ant-picker-dropdown {
  z-index: 999999 !important; }

.ant-btn-disabled:disabled, .ant-btn-disabled:disabled:hover {
  background: #aaaaaa !important;
  border-radius: 5px !important;
  color: #fff !important; }

.ant-btn.new-primary {
  border-color: #48b6cb;
  color: #48b6cb; }
  .ant-btn.new-primary.filled:not(:disabled) {
    background: #48b6cb;
    color: #fff; }
  .ant-btn.new-primary.filled:hover:not(:disabled) {
    background: #48b6cb;
    color: #fff;
    opacity: 0.8; }
  .ant-btn.new-primary:disabled, .ant-btn.new-primary:disabled:hover {
    background: #aaa;
    border-radius: 5px;
    border-color: #aaa;
    color: #fff; }
  .ant-btn.new-primary:hover, .ant-btn.new-primary:focus, .ant-btn.new-primary:active {
    color: #fff;
    border-color: #48b6cb;
    background-color: #48b6cb; }

.ant-btn.new-primary-default {
  color: #48b6cb;
  outline: #48b6cb; }
  .ant-btn.new-primary-default.filled:not(:disabled) {
    background: #48b6cb;
    color: #fff; }
  .ant-btn.new-primary-default.filled:hover:not(:disabled) {
    background: #48b6cb;
    color: #fff;
    opacity: 0.8; }
  .ant-btn.new-primary-default:disabled, .ant-btn.new-primary-default:disabled:hover {
    background: #aaa;
    border-radius: 5px;
    color: #fff; }
  .ant-btn.new-primary-default:focus, .ant-btn.new-primary-default:active, .ant-btn.new-primary-default:hover {
    color: #fff;
    border-color: #48b6cb;
    background-color: #48b6cb; }

.ant-btn.transparent-primary {
  background: transparent;
  color: #9aca3f;
  border: 1px solid #9aca3f; }
  .ant-btn.transparent-primary:focus, .ant-btn.transparent-primary:active, .ant-btn.transparent-primary:hover {
    color: #9aca3f;
    border: 1px solid #9aca3f; }

.ant-typography.ant-typography-secondary {
  color: rgba(89, 90, 92, 0.9) !important; }

.ant-notification-notice.success .ant-notification-notice-content .ant-notification-notice-message, .ant-notification-notice.error .ant-notification-notice-content .ant-notification-notice-message {
  color: #fff;
  margin-bottom: 0; }

.ant-notification-notice.success .ant-notification-notice-content .ant-notification-notice-description, .ant-notification-notice.error .ant-notification-notice-content .ant-notification-notice-description {
  color: #fff; }

.ant-notification-notice.success .ant-notification-notice-close svg path, .ant-notification-notice.error .ant-notification-notice-close svg path {
  fill: #fff; }

.ant-notification-notice.success {
  background-color: #4eab38; }

.ant-notification-notice.error {
  background-color: #f15946; }

.ant-notification-notice.info {
  background-color: #fff; }

.ant-input.error {
  border-color: #f15946 !important; }
  .ant-input.error::placeholder,
  .ant-input.error input {
    color: #f15946; }

.ant-select.error .ant-select-selector {
  border-color: #f15946 !important; }
  .ant-select.error .ant-select-selector .ant-select-selection-placeholder {
    color: #f15946; }

.ant-picker.error .ant-picker-input input::placeholder {
  color: #f15946; }

.ant-btn.os-btn-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #595a5c; }
  .ant-btn.os-btn-outlined:hover, .ant-btn.os-btn-outlined:active, .ant-btn.os-btn-outlined:focus {
    background: transparent; }

.os-antd-custom-form-container .ant-picker-input > input {
  color: #101721;
  font-size: 16px; }

.os-antd-custom-form-container .ant-picker-input > input::placeholder {
  color: #0009; }

.os-antd-custom-form-container .ant-form-item {
  margin-bottom: 1rem; }

.os-antd-custom-form-container .ant-form-item-label {
  margin-bottom: 0px; }

.ant-modal-body {
  padding: 0 !important; }

.ant-modal-mask {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px); }

.ant-modal.os-ant-modal.no-footer .ant-modal-footer {
  display: none !important; }

.ant-modal.os-ant-modal .ant-modal-content .ant-modal-footer {
  display: flex;
  /* align-items: center; */
  justify-content: space-around; }

.create-talent-pool-modal .ant-modal-header,
.firm-project-modal .ant-modal-header,
.os-send-email-modal .ant-modal-footer,
.firm-project-modal .ant-modal-footer {
  border: none; }

.os-send-email-modal .ant-modal-footer,
.create-talent-pool-modal .ant-modal-footer {
  border: none;
  justify-content: end !important;
  display: flex; }

.ant-modal.os-ant-modal.contract-viewer-modal .ant-modal-content .ant-collapse-item {
  margin-bottom: 20px; }

.ant-modal.os-ant-modal.contract-viewer-modal .ant-modal-content .ant-collapse {
  background: #fff;
  border: none; }

.ant-modal.os-ant-modal.contract-viewer-modal .ant-modal-content .ant-modal-footer {
  padding: 16px 20%;
  justify-items: center;
  justify-content: space-evenly; }
  .ant-modal.os-ant-modal.contract-viewer-modal .ant-modal-content .ant-modal-footer .ant-btn {
    padding: 4px 24px; }

.firm-project-modal .ant-modal-title {
  font-size: 22px;
  color: #595a5c;
  line-height: 25.78px; }

.ant-form-item-control .ant-form-item-control-input .ant-input-affix-wrapper-focused,
.ant-input:focus,
.ant-input-affix-wrapper-focused,
.ant-input:focus {
  border-color: #b2d665 !important; }

.ant-form-item-control .ant-form-item-control-input span.ant-input-affix-wrapper-focused span.ant-input-prefix svg path {
  stroke: #b2d665; }

.ant-form-item-control .ant-form-item-control-input span.ant-input-affix-wrapper-focused span.ant-input-prefix svg.linked-in-updated path {
  fill: #b2d665; }

.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input span.ant-input-affix-wrapper-focused span.ant-input-prefix svg.linked-in-updated path {
  fill: #f15946; }

.ant-form-item-has-error .ant-input-affix-wrapper-focused .linked-in-updated {
  fill: #f15946; }

.ant-form-item-has-error .ant-form-item-control .ant-form-item-control-input .ant-input-affix-wrapper-focused,
.ant-form-item-has-error .ant-input:focus {
  border-color: #f15946 !important; }

.ant-form-item-has-error .ant-col.ant-form-item-control .ant-form-item-control-input span.ant-input-affix-wrapper-focused span.ant-input-prefix svg path {
  stroke: #f15946; }

.ant-tabs-tab .ant-tabs-tab-btn .tab-content svg g,
.ant-tabs-tab .ant-tabs-tab-btn .tab-content svg {
  opacity: 1 !important;
  width: 16px;
  height: 16px;
  margin-right: 0.25rem; }

.ant-tabs-tab .ant-tabs-tab-btn .tab-content svg path,
.ant-tabs-tab .ant-tabs-tab-btn .tab-content svg > g > path {
  stroke: #595a5c; }

.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg g {
  opacity: 1 !important;
  margin-right: 0.25rem; }

.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg path,
.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg > g > path {
  stroke: #b2d665; }

.tp-panel-tab .ant-tabs-tab {
  padding: 16px 64px; }

.tp-panel-tab .ant-tabs-nav .ant-tabs-nav-list {
  justify-content: space-around !important;
  width: 100%; }

.shortlisted-tab .ant-tabs-tab-btn:focus,
.shortlisted-tab .ant-tabs-tab-remove:focus,
.shortlisted-tab .ant-tabs-tab-btn:active,
.shortlisted-tab .ant-tabs-tab-remove:active,
.tp-panel-tab .ant-tabs-tab-btn:focus,
.tp-panel-tab .ant-tabs-tab-remove:focus,
.tp-panel-tab .ant-tabs-tab-btn:active,
.tp-panel-tab .ant-tabs-tab-remove:active {
  color: #48b6cb; }

.shortlisted-tab .ant-tabs-tab,
.tp-panel-tab .ant-tabs-tab {
  font-size: 16px;
  color: #595a5c;
  font-weight: 400; }
  .shortlisted-tab .ant-tabs-tab:hover,
  .tp-panel-tab .ant-tabs-tab:hover {
    color: #48b6cb;
    font-weight: 400; }

.shortlisted-tab .ant-tabs-ink-bar,
.tp-panel-tab .ant-tabs-ink-bar {
  position: absolute;
  background: #48b6cb;
  pointer-events: none; }

.shortlisted-tab .ant-tabs-tab-active .ant-tabs-tab-btn,
.tp-panel-tab .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #48b6cb !important;
  font-weight: 500;
  font-size: 16px;
  text-shadow: 0 0 0.25px currentColor !important; }

.limit-height-sub-menu ul {
  max-height: 280px !important;
  overflow: auto; }

.os-new-tag {
  font-weight: 700;
  line-height: 28px;
  display: flex !important;
  padding: 4px 8px !important;
  margin-bottom: 2px !important;
  margin-top: 4px !important; }
  .os-new-tag.primary {
    color: #9aca3f;
    border-color: #9aca3f; }
    .os-new-tag.primary .ant-tag-close-icon {
      background-color: white; }
      .os-new-tag.primary .ant-tag-close-icon svg {
        color: #9aca3f; }
  .os-new-tag .ant-tag-close-icon {
    align-self: center; }

.os-antd-tag.ant-tag.primary, .os-antd-tag.ant-tag.secondary {
  font-size: 12px;
  font-weight: 500;
  color: #9aca3f;
  background: #eef6ea;
  border: 1px solid #99ca3f88;
  border-radius: 4px;
  padding: 4px 6px;
  line-height: 16px; }

.os-antd-tag.ant-tag.secondary {
  background: #eff3f4;
  color: #8b8f90;
  border: 1px solid #eff3f488; }

.os-antd-tag.ant-tag.new-primary {
  font-weight: 500;
  font-size: 12px;
  color: #48b6cb;
  background: #f5fdff;
  border: 1px solid #b5e8f1;
  border-radius: 4px;
  padding: 4px 6px; }

.os-card {
  transition: all 0.25s ease-in-out; }
  .os-card:hover {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    cursor: pointer; }

.os-drawer .ant-drawer-header {
  padding: 16px; }

.os-drawer .ant-drawer-body {
  padding: 16px; }
  .os-drawer .ant-drawer-body::-webkit-scrollbar {
    width: 6px; }
  .os-drawer .ant-drawer-body::-webkit-scrollbar-track {
    background: #f9f9f9; }
  .os-drawer .ant-drawer-body::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px; }

.ant-back-top {
  right: 32px;
  bottom: 82px; }
  .ant-back-top .ant-back-top-content {
    border-radius: 9px; }

@use 'sass:map';
.os-animation-spin {
  animation: spin 2s infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box; }

.os-common-loader {
  border: 4px solid #e7e7e7;
  border-radius: 50%;
  border-top: 4px solid #9aca3f;
  width: 64px;
  height: 64px;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

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

@keyframes flip-down {
  0% {
    transform: rotateX(-90deg);
    opacity: 0;
    height: 0px; }
  50% {
    transform: rotateX(-45deg);
    opacity: 0.4; }
  75% {
    transform: rotateX(-25deg);
    opacity: 0.8; }
  100% {
    transform: rotateX(0deg);
    opacity: 1; } }

.os-main-bg {
  background-color: #f3f3f3; }

.project-title {
  margin-bottom: 24px;
  margin-top: 1.25rem; }
  .project-title .copy-link {
    justify-content: center;
    background: #e8fbff;
    border: 1.5px solid #48b6cb;
    box-sizing: border-box;
    border-radius: 100px;
    height: 30px;
    width: 145px;
    cursor: pointer;
    color: #48b6cb;
    display: flex;
    align-items: center;
    font-size: 14px; }
  .project-title h5 {
    font: normal 36px Roboto;
    opacity: 0.7;
    color: #595a5c;
    margin-top: 5px;
    min-height: 58px;
    word-break: break-word;
    user-select: none; }
  @media (max-width: 425px) {
    .project-title {
      padding: 0 16px;
      margin-bottom: 16px; }
      .project-title h5 {
        font-size: 26px;
        min-height: 30px; } }

.secondary-text {
  color: #595a5c;
  font-weight: 400;
  font-size: 16px;
  opacity: 0.5; }
  @media (max-width: 768px) {
    .secondary-text {
      font-size: 14px;
      line-height: 24px; } }

.shortlist-tab-heading, .shortlist-profile-photo-modal .ant-modal-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  color: #595a5c; }

.ant-tag.ant-tag-has-color.shortlist-card-tag {
  font-weight: 500;
  padding: 7px 10px; }

.ant-btn.ant-btn-primary.ant-btn-background-ghost.shortlist-primary-ghost-btn {
  color: #48b6cb;
  border-color: #48b6cb;
  font-weight: 500;
  font-size: 14px; }

.shortlist-dropdown .ant-select-selector,
.shortlist-dropdown .ant-select,
.shortlist-dropdown .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none;
  background-color: inherit !important;
  color: inherit !important;
  font-weight: 500; }

.shortlist-dropdown .ant-select-arrow {
  color: inherit !important; }

.shortlist-dropdown.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: none !important;
  outline: none !important; }

.shortlist-dropdown.ant-select-single.ant-select-open .ant-select-selection-item {
  color: inherit !important; }

.shortlist-dropdown .ant-select-selection-item .dropdown-select-icon {
  color: #fff !important; }

.shortlist-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #43b6cd !important;
  color: #fff !important; }
  .shortlist-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .dropdown-select-icon {
    color: #fff !important; }

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #595a5c1a !important;
  font-weight: inherit !important; }

.shortlist-profile-mode .switch-label.checked {
  color: #4eab38; }

.shortlist-profile-mode .ant-switch {
  background-color: #4eab38 !important; }

.shortlist-profile-mode .switch-label {
  color: #888888; }

.shortlist-profile-heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: #222222; }

.shortlist-profile-footer {
  position: fixed;
  bottom: 0;
  margin: auto;
  width: 100%;
  padding: 20px;
  background: #f4f4f4;
  box-shadow: 4px 0px 10px #00000026; }

.certificate-credential-url span {
  color: #1890ff !important;
  text-decoration: underline; }
  .certificate-credential-url span:hover {
    color: #40a9ff;
    text-decoration: underline; }

.shortlist-preview-editor {
  border: none;
  white-space: pre-line; }
  .shortlist-preview-editor .ql-container.ql-disabled .ql-tooltip {
    display: none; }
  .shortlist-preview-editor .ql-editor {
    padding: 0;
    height: auto; }
    .shortlist-preview-editor .ql-editor a {
      color: #1890ff;
      text-decoration: underline; }
    .shortlist-preview-editor .ql-editor blockquote {
      border-left: 4px solid #ccc;
      padding-left: 16px !important; }

.shortlist-profile-description {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c; }

.shortlist-profile-photo-modal .ant-modal-header,
.shortlist-profile-photo-modal .ant-modal-footer {
  border: none; }

.masked-input.ant-input-affix-wrapper {
  height: 40px; }

.mobile-masked-input .masked-input {
  padding-right: 0px; }

.additional-info-upload-container.resumeLink {
  border: 1.5px solid #f3f3f3;
  padding: 0;
  height: 85px; }
  .additional-info-upload-container.resumeLink .uploader-container {
    min-height: 85px;
    height: 85px;
    height: inherit; }
  .additional-info-upload-container.resumeLink .uploader-with-ui-container {
    width: 100%; }
  .additional-info-upload-container.resumeLink.dashed-border {
    border: 1.5px dashed #ccc;
    height: auto; }
  .additional-info-upload-container.resumeLink.cv input[type="file"] {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 999; }

.os-editor {
  min-height: 200px;
  border: 1.5px solid #f3f3f3;
  border-radius: 3px;
  position: relative; }
  .os-editor.ql-toolbar-read-only {
    border: none;
    height: auto;
    min-height: auto; }
    .os-editor.ql-toolbar-read-only .ql-editor {
      resize: none;
      height: auto;
      min-height: auto;
      background: inherit;
      padding: 0;
      word-wrap: normal;
      white-space: inherit; }
    .os-editor.ql-toolbar-read-only .ql-toolbar {
      display: none; }
  .os-editor .ql-editor {
    resize: vertical;
    height: 160px;
    min-height: 160px;
    background: #fff; }
  .os-editor .ql-toolbar.ql-snow {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3; }
  .os-editor .ql-container.ql-snow {
    border: none; }
  .os-editor .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 16px; }
  .os-editor .ql-snow .ql-stroke {
    stroke-width: 1; }

.pull-right {
  position: absolute;
  right: 0; }

.primary-text {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: center; }
  @media (max-width: 768px) {
    .primary-text {
      font-size: 14px;
      line-height: 24px; } }

.switch-label {
  font: normal 16px Roboto;
  margin: 0;
  color: #595a5c;
  user-select: none;
  opacity: 0.5; }
  .switch-label.checked {
    opacity: 1; }

.flex-align-center, .attachment-wrapper ul .att .att-name, .attachment-wrapper ul .att .att-access, .attachment-wrapper ul .att .att-action, .os-append-switch-wrapper, .os-append-checkbox-wrapper {
  display: flex;
  align-items: center; }

.flex-end, .os-append-switch-wrapper, .os-append-checkbox-wrapper {
  justify-content: flex-end; }

.flex-center, .form-action-wrapper, .os-form-group .append-control, .os-form-footer {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex-v-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; }

.ellipsis, .attachment-wrapper ul .att .att-name .att-progress p, .attachment-wrapper ul .att .att-name .att-progress a, .os-review-item-detail a, .os-review-docs .doc-title .doc-name, .os-list-individual .os-loc, .os-list-individual .os-add {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.attachment-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .attachment-wrapper ul .att {
    position: relative;
    border-bottom: 1px solid rgba(89, 90, 92, 0.2);
    display: flex;
    padding: 12px 0;
    height: 76px; }
    .attachment-wrapper ul .att .att-name {
      flex: 1 1 60%; }
      .attachment-wrapper ul .att .att-name svg path {
        fill: #48b6cb !important; }
      .attachment-wrapper ul .att .att-name .att-icon {
        margin-right: 8px; }
      .attachment-wrapper ul .att .att-name .att-progress {
        margin-left: 8px;
        width: 100%; }
        .attachment-wrapper ul .att .att-name .att-progress p {
          margin: 0;
          font: normal 16px Roboto;
          color: #48b6cb;
          max-width: 80%;
          word-break: break-all;
          user-select: none; }
        .attachment-wrapper ul .att .att-name .att-progress a {
          margin: 0;
          font: normal 16px Roboto;
          color: #48b6cb;
          max-width: 80%;
          word-break: break-all;
          user-select: none; }
        .attachment-wrapper ul .att .att-name .att-progress .ant-progress-bg {
          background-color: #48b6cb; }
      .attachment-wrapper ul .att .att-name.isLoading svg path {
        fill: #595a5c !important;
        opacity: 0.5; }
      .attachment-wrapper ul .att .att-name.isLoading .att-progress p,
      .attachment-wrapper ul .att .att-name.isLoading .att-progress a {
        color: #595a5c;
        opacity: 0.5; }
    .attachment-wrapper ul .att .att-access {
      flex: 1 1 30%; }
    @media (max-width: 425px) {
      .attachment-wrapper ul .att {
        flex-wrap: wrap;
        height: 100px; }
        .attachment-wrapper ul .att .att-name {
          flex: 1 1 100%; }
        .attachment-wrapper ul .att .att-access {
          flex: 1 1 100%;
          justify-content: space-between;
          margin-top: 8px; }
        .attachment-wrapper ul .att .att-action {
          position: absolute;
          right: 0;
          top: 19px; } }

.os-radio-group label {
  min-width: 140px; }
  .os-radio-group label span {
    font: normal 16px Roboto;
    color: #595a5c; }

.os-radio-group .ant-radio:hover .ant-radio-inner,
.os-radio-group .ant-radio:focus .ant-radio-inner,
.os-radio-group .ant-radio-checked .ant-radio-inner {
  border-color: #48b6cb; }
  .os-radio-group .ant-radio:hover .ant-radio-inner:after,
  .os-radio-group .ant-radio:focus .ant-radio-inner:after,
  .os-radio-group .ant-radio-checked .ant-radio-inner:after {
    background-color: #48b6cb; }

.os-radio-group .ant-radio-wrapper:hover .ant-radio,
.os-radio-group .ant-radio:hover .ant-radio-inner,
.os-radio-group .ant-radio-input:focus + .ant-radio-inner {
  border-color: #48b6cb; }

.os-radio-group .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #f5fdff; }

.os-radio-group__primary .ant-radio-inner {
  border-color: rgba(89, 90, 92, 0.5); }

.os-radio-group__primary .ant-radio:hover .ant-radio-inner,
.os-radio-group__primary .ant-radio:focus .ant-radio-inner,
.os-radio-group__primary .ant-radio-checked .ant-radio-inner {
  border-color: #9aca3f; }
  .os-radio-group__primary .ant-radio:hover .ant-radio-inner:after,
  .os-radio-group__primary .ant-radio:focus .ant-radio-inner:after,
  .os-radio-group__primary .ant-radio-checked .ant-radio-inner:after {
    background-color: #9aca3f; }

.os-radio-group__primary .ant-radio-wrapper:hover .ant-radio,
.os-radio-group__primary .ant-radio:hover .ant-radio-inner,
.os-radio-group__primary .ant-radio-input:focus + .ant-radio-inner {
  border-color: #9aca3f; }

.icon-button {
  height: 25px;
  width: 25px;
  text-align: center;
  background-color: #e7e7e7;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .icon-button:hover {
    cursor: pointer; }
  .icon-button.disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.error {
  border-color: #f15946 !important; }

.form-action-wrapper button {
  min-width: 140px;
  margin-left: 16px; }
  .form-action-wrapper button:first-child {
    margin-left: 0; }

@media (max-width: 425px) {
  .form-action-wrapper button {
    min-width: 80px; } }

.os-wrapper {
  background-color: #f3f3f3;
  padding-bottom: 58px;
  font-family: Roboto; }
  @media (max-width: 768px) {
    .os-wrapper {
      width: 100%; } }

.os-container {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 576px) {
    .os-container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .os-container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .os-container {
      max-width: 960px; } }
  @media (min-width: 1140px) {
    .os-container {
      max-width: 1140px; } }

@media (min-width: 1200px) {
  .os-container-web {
    max-width: 824px; } }

.os-form-title {
  background-color: #fff;
  color: inherit;
  margin-bottom: 0;
  padding: 15px 15px 8px 15px;
  min-height: 48px;
  position: relative;
  clear: both;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .os-form-title.rounded {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .os-form-title.os-review {
    padding: 15px; }
  .os-form-title h5 {
    font: bold 28px Roboto;
    color: #9aca3f;
    text-align: left;
    padding: 8px 32px;
    margin: 0 0 8px; }
    .os-form-title h5.mb-0 {
      margin-bottom: 0; }
  @media (max-width: 425px) {
    .os-form-title h5 {
      padding: 8px; } }

.os-form-content {
  padding: 40px 56px;
  background-color: #fff;
  color: inherit;
  border-top: 1px solid #f3f3f3;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  @media (max-width: 425px) {
    .os-form-content {
      padding: 24px; } }

.os-form-group {
  margin-top: 38px;
  margin-bottom: 0; }
  .os-form-group:first-child {
    margin-top: 0; }
  @media (max-width: 425px) {
    .os-form-group {
      margin-top: 24px; } }
  .os-form-group .append-control {
    margin-bottom: 20px; }
    .os-form-group .append-control > label {
      font: 500 20px Roboto;
      color: #595a5c;
      width: 100%;
      display: block; }
      .os-form-group .append-control > label sup {
        color: #9aca3f;
        padding-left: 4px; }
      .os-form-group .append-control > label.mb-0 {
        margin-bottom: 0; }
  .os-form-group > label {
    font: 500 20px Roboto;
    margin-bottom: 20px;
    color: #595a5c;
    width: 100%;
    display: block; }
    .os-form-group > label sup {
      color: #9aca3f;
      padding-left: 4px; }
    .os-form-group > label.mb-0 {
      margin-bottom: 0; }
  .os-form-group > p {
    font: normal 16px Roboto;
    line-height: 18px;
    color: #595a5c;
    margin-top: 8px; }
    .os-form-group > p.error {
      color: #f15946;
      font: normal 12px Roboto; }
  .os-form-group.small .append-control > label {
    font: normal 18px Roboto; }

.os-tooltip-wrapper {
  padding: 0 8px;
  display: inline-block; }
  .os-tooltip-wrapper > div {
    display: inline-block; }

.os-toggle {
  margin: 0 48px;
  transition: 0.2s ease; }
  .os-toggle ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    .os-toggle ul li {
      width: 140px;
      padding: 19px 8px;
      box-sizing: border-box;
      border-radius: 6px;
      transition: 0.4s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: #ffffff;
      border: 1.5px solid #f3f3f3;
      margin-left: 24px;
      cursor: pointer; }
      .os-toggle ul li.align-top {
        justify-content: flex-start; }
      .os-toggle ul li:first-child {
        margin-left: 0; }
      .os-toggle ul li svg {
        margin-bottom: 10px;
        path-opacity: 0.5; }
      .os-toggle ul li p {
        color: #595a5c;
        font: normal 18px Roboto;
        text-align: center;
        opacity: 0.5;
        line-height: 20px;
        margin-bottom: 0; }
        .os-toggle ul li p.mb-0 {
          margin-bottom: 0; }
      .os-toggle ul li span {
        font: normal 14px Roboto;
        line-height: 16px;
        text-align: center;
        color: #595a5c;
        min-height: 16px;
        opacity: 0.5; }
      .os-toggle ul li.selected, .os-toggle ul li:hover {
        background-color: #f5fdff;
        border: 1.5px solid #48b6cb; }
        .os-toggle ul li.selected p,
        .os-toggle ul li.selected span, .os-toggle ul li:hover p,
        .os-toggle ul li:hover span {
          color: #48b6cb;
          opacity: 1; }
        .os-toggle ul li.selected svg path, .os-toggle ul li:hover svg path {
          stroke: #48b6cb; }
      .os-toggle ul li:hover {
        box-shadow: 0px 0px 14px 0px #48b6cb4a; }

.os-intro-card {
  margin-top: 13px;
  padding: 30px;
  border-radius: 6px;
  border: 1.5px solid #f3f3f3; }
  @media (max-width: 425px) {
    .os-intro-card {
      padding: 16px; } }
  .os-intro-card.error {
    border: 1.5px solid #f15946; }

.os-form-helper-text {
  font-size: 16px;
  margin-bottom: 20px; }

.os-chip-wrapper ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  .os-chip-wrapper ul li {
    font: bold 16px Roboto;
    background-color: #eef6ea;
    color: #9aca3f;
    padding: 10px 38px 10px 10px;
    border-radius: 8px;
    margin-right: 16px;
    margin-top: 16px;
    min-width: 180px;
    position: relative;
    text-transform: capitalize;
    user-select: none; }
    .os-chip-wrapper ul li span {
      position: absolute;
      background-color: #fff;
      height: 26px;
      width: 26px;
      border-radius: 25px;
      right: 6px;
      top: 6px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .os-chip-wrapper ul li span:hover {
        cursor: pointer; }

.os-drop {
  margin-bottom: 72px;
  min-height: 140px;
  border: 2px dashed #8ed3e0;
  background-color: #e6f7fb;
  padding: 20px;
  margin-top: 38px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .os-drop:hover {
    background-color: #ade5f3;
    opacity: 0.2;
    cursor: pointer; }
  .os-drop h2 {
    font: 500 16px Roboto;
    line-height: 24px;
    text-align: center;
    color: #595a5c; }
  .os-drop p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #595a5c;
    opacity: 0.5; }

.os-select-wrapper {
  position: relative; }
  .os-select-wrapper .os-select-icon {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1;
    background: #fff;
    height: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    border-left: 1px solid #f3f3f3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .os-select-wrapper .os-select-icon.disabled {
      opacity: 0.5; }

.os-select-option-wrapper {
  position: absolute;
  min-height: 40px;
  overflow-y: auto;
  background-color: #fff;
  width: 100%;
  top: 50px;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  z-index: 2;
  display: none; }
  .os-select-option-wrapper.focused {
    display: block; }

.os-select-options {
  position: relative; }
  .os-select-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    overflow-y: auto;
    max-height: 140px; }
    .os-select-options ul li {
      min-height: 36px;
      padding: 10px 30px;
      font-size: 16px;
      color: #595a5c;
      text-transform: capitalize; }
      .os-select-options ul li:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
        cursor: pointer; }
      .os-select-options ul li.disabled {
        cursor: not-allowed;
        opacity: 0.5; }
  .os-select-options .fallback {
    position: sticky;
    bottom: 0;
    width: 100%;
    padding: 10px 30px;
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    height: 46px; }
    .os-select-options .fallback p {
      font-size: 16px; }
      .os-select-options .fallback p span {
        cursor: pointer;
        color: #9aca3f;
        font-weight: bold; }

.os-select-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none; }
  .os-select-overlay.focused {
    display: block; }

.os-modal-body {
  padding: 6px 16px; }
  .os-modal-body .os-form-group {
    margin-top: 24px; }
    .os-modal-body .os-form-group:first-child {
      margin-top: 0; }

.os-form-label {
  color: #9aca3f;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
  display: block; }

.os-form-footer {
  margin-top: 20px; }
  .os-form-footer button {
    min-width: 140px;
    margin-left: 16px; }
    .os-form-footer button:first-child {
      margin-left: 0; }

.os-error {
  font: normal 12px Roboto;
  color: #f15946; }

.mt-1 {
  margin-top: 4px; }

.mt-2 {
  margin-top: 8px; }

.os-append-switch-wrapper {
  min-width: 250px; }
  .os-append-switch-wrapper label {
    color: #595a5c;
    opacity: 0.5;
    font: normal 14px Roboto; }
    .os-append-switch-wrapper label.selected {
      opacity: 1; }

.os-append-checkbox-wrapper {
  min-width: 250px; }
  .os-append-checkbox-wrapper label {
    color: #595a5c;
    opacity: 0.5;
    font: normal 16px Roboto; }
    .os-append-checkbox-wrapper label.selected {
      opacity: 1; }
  .os-append-checkbox-wrapper .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
    border: 1px solid #acacad;
    border-radius: 2px;
    width: 16px;
    height: 16px; }

.check-box-group {
  display: flex;
  width: 50%;
  margin-left: 5%;
  justify-content: space-between; }
  .check-box-group div {
    color: #595a5c;
    font-size: 16px;
    margin-right: 1rem; }
  .check-box-group .checkbox-tick > i {
    color: #48b6cb !important; }

.os-autocomplete-wrapper .os-autocomplete-input {
  position: relative; }
  .os-autocomplete-wrapper .os-autocomplete-input .options-wrapper {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    top: 42px; }
    .os-autocomplete-wrapper .os-autocomplete-input .options-wrapper ul {
      list-style: none;
      margin: 0;
      padding: 6px 0;
      max-height: 178px;
      overflow-y: auto; }
      .os-autocomplete-wrapper .os-autocomplete-input .options-wrapper ul li {
        padding: 9px 15px; }
        .os-autocomplete-wrapper .os-autocomplete-input .options-wrapper ul li:hover {
          cursor: pointer;
          background: #f3f5f7;
          opacity: 1;
          color: #595a5c; }
  .os-autocomplete-wrapper .os-autocomplete-input .autocomplete-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent; }

.os-inner-form-section {
  border: 1.5px solid #f2f4f6;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 40px; }

.project-creation-loader {
  height: calc(100vh - 390px);
  display: flex;
  align-items: center;
  justify-content: center; }

.os-createable {
  padding: 8px 8px 4px; }
  .os-createable p {
    margin-bottom: 0; }
    .os-createable p span {
      font: 500 14px Roboto;
      color: #9aca3f; }
      .os-createable p span:hover {
        cursor: pointer; }

.os-success-notification {
  background-color: #4eab38; }

.os-text-between-input {
  margin: 0;
  margin-top: 8px;
  font-size: 16px;
  color: #595a5c;
  text-align: center; }

.os-review-title {
  padding: 40px 0 30px; }
  .os-review-title h3 {
    font: 500 20px Roboto;
    color: #595a5c;
    margin-bottom: 0; }

.os-admin-title {
  padding: 40px 0 30px; }
  .os-admin-title h3 {
    font: normal 18px Roboto;
    color: #595a5c;
    margin-bottom: 0; }

.os-review-detail {
  background: #ffffff;
  border: 1.5px solid #f2f4f6;
  border-radius: 6px;
  padding: 40px 30px; }
  .os-review-detail.pb-2 {
    padding-bottom: 8px; }

.os-review-item-title {
  color: #595a5c;
  opacity: 0.5;
  font: normal 16px Roboto;
  margin-bottom: 0;
  line-height: 22px; }

.os-review-item-detail {
  font: normal 16px Roboto;
  color: #595a5c;
  margin-bottom: 0; }
  .os-review-item-detail.summary {
    font: normal 14px Roboto;
    line-height: 24px;
    white-space: break-spaces; }

.os-review-note-wrapper {
  background: #ffffff;
  border-radius: 6px;
  padding: 30px 22px;
  margin-top: 103px; }
  .os-review-note-wrapper .os-note-title {
    font: 500 16px Roboto;
    color: #595a5c;
    margin-bottom: 0; }
  .os-review-note-wrapper .os-note-textarea {
    margin-top: 20px;
    background: #eef6ea;
    opacity: 0.5;
    border-radius: 6px;
    padding: 16px;
    border: none;
    font: normal 16px Roboto; }
  .os-review-note-wrapper .os-note-action {
    margin: 16px 0;
    display: flex;
    justify-content: flex-end; }
  .os-review-note-wrapper .os-notes-wrapper {
    margin-top: 60px; }
    .os-review-note-wrapper .os-notes-wrapper ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .os-review-note-wrapper .os-notes-wrapper ul li {
        background: #595a5c1a;
        opacity: 0.5;
        border-radius: 6px;
        padding: 15px; }
        .os-review-note-wrapper .os-notes-wrapper ul li .os-note-sender {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font: normal 14px Roboto;
          color: #595a5c;
          opacity: 0.5; }
        .os-review-note-wrapper .os-notes-wrapper ul li .os-note-text {
          font: normal 16px Roboto;
          color: #595a5c;
          margin-bottom: 0px; }

.os-btn.ant-btn {
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .os-btn.ant-btn svg {
    margin-right: 8px; }

.os-visibility-form-lable {
  font: normal 16px Roboto;
  margin-bottom: 20px;
  line-height: 22px;
  display: block;
  color: #595a5c; }

.os-visibility-example {
  border: 1.5px solid #f2f4f6;
  border-radius: 6px; }
  .os-visibility-example ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
    .os-visibility-example ul li {
      display: flex;
      flex-direction: column;
      padding: 8px;
      justify-content: center;
      align-items: center;
      margin: 8px;
      border-radius: 4px;
      border: 1px solid #fff; }
      .os-visibility-example ul li .label {
        padding-top: 8px; }
      .os-visibility-example ul li:hover {
        cursor: pointer;
        cursor: pointer;
        box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1); }
      .os-visibility-example ul li.active {
        border: 1px solid #9aca3f; }
        .os-visibility-example ul li.active .label {
          color: #9aca3f; }
      .os-visibility-example ul li.custom-logo {
        position: relative; }
        .os-visibility-example ul li.custom-logo .clear-btn {
          position: absolute;
          top: 0;
          right: 0;
          background: #858585;
          height: 20px;
          width: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          cursor: pointer; }
      .os-visibility-example ul li span {
        text-transform: capitalize; }
      .os-visibility-example ul li .img {
        height: 64px;
        width: 64px;
        display: flex;
        align-items: center; }
        .os-visibility-example ul li .img img {
          width: 100%;
          object-fit: contain; }

.os-visibility-selector {
  margin: 0px 0px 16px 0px; }
  .os-visibility-selector ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .os-visibility-selector ul li {
      display: flex;
      align-items: center;
      height: 62px;
      margin-top: 10px;
      margin-left: 5px; }
      .os-visibility-selector ul li p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        color: #595a5c;
        min-width: 125px;
        margin-bottom: 0; }

.os-review-tag {
  background: #eef6ea;
  color: #9aca3f;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 14px;
  margin: 0 8px 10px 0;
  min-width: 80px;
  display: inline-block; }

.os-review-docs {
  border-top: 1px solid #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0px; }
  .os-review-docs .doc-title {
    display: flex;
    align-items: center;
    width: 80%; }
    .os-review-docs .doc-title .doc-att {
      padding: 0 16px; }
      .os-review-docs .doc-title .doc-att svg path {
        fill: #48b6cb; }
    .os-review-docs .doc-title .doc-name a {
      color: #48b6cb;
      text-decoration: none;
      font: normal 16px Roboto; }
  .os-review-docs .doc-visiblity p {
    margin: 0;
    color: #595a5c;
    font: normal 16px Roboto;
    margin-right: 24px;
    text-transform: capitalize; }

.os-create-modal-title {
  font: bold 20px Roboto;
  line-height: 30px;
  margin-bottom: 0; }
  .os-create-modal-title.manage-project {
    margin-left: 6px; }

.os-cap {
  text-transform: capitalize !important; }

.custom-icon-wrapper.ant-select .ant-select-selector:before {
  content: "";
  position: absolute;
  right: 41px;
  height: 100%;
  width: 1px;
  background-color: #f3f3f3; }

.custom-icon-wrapper.ant-select .ant-select-arrow {
  right: 17px; }

.os-visibility-menu-wrapper span {
  width: 162px;
  height: 42px;
  background: #9aca3f;
  border-radius: 100px;
  font: 500 14px Roboto;
  line-height: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  margin-left: 3em; }
  .os-visibility-menu-wrapper span.pl {
    padding-left: 22px; }
  .os-visibility-menu-wrapper span:hover {
    cursor: pointer; }
  .os-visibility-menu-wrapper span.private {
    background-color: #fcc016; }

.os-menu-item {
  display: flex;
  align-items: center;
  font: normal 14px Roboto;
  line-height: 16px;
  color: #595a5c;
  height: 30px; }
  .os-menu-item svg {
    margin-right: 16px; }

.os-summary-wrapper p {
  font: normal 14px Roboto;
  line-height: 24px; }

.os-dashboard-btn.ant-btn {
  display: flex;
  align-items: center;
  justify-content: center; }

.os-dashboard-btn svg {
  margin-right: 8px; }

.os-btn-group button {
  margin-left: 16px;
  border-radius: 2px; }
  .os-btn-group button:first-child {
    margin-left: 0; }

.os-upload-visibility-picture {
  text-align: center;
  text-align: center;
  margin-top: 5px;
  padding-top: 16px; }
  .os-upload-visibility-picture p {
    font: normal 16px Roboto; }

.os-upload-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px; }
  .os-upload-pic .os-file-uploader {
    width: 174px;
    background-color: #9aca3f;
    color: #fff;
    height: 40px;
    border-radius: 3px;
    font: normal 16px Roboto; }

.os-temp-container {
  position: fixed;
  z-index: 9;
  bottom: 0;
  width: 100%;
  justify-content: end;
  padding-right: 80px;
  background: #000;
  display: flex;
  align-items: center;
  padding: 12px;
  background: rgba(154, 202, 63, 0.3);
  background: #ffffff;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.12); }
  .os-temp-container.has-single {
    opacity: 0; }

.os-list-description {
  margin-top: 24px; }
  .os-list-description textarea {
    font-size: 16px;
    font-family: Roboto; }

.os-list-name input {
  font-family: Roboto; }

.os-margin-top-long {
  margin-top: 140px; }

.os-search {
  padding: 30px;
  margin-top: 90px;
  background: #fff;
  border-radius: 6px; }
  .os-search .title {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .os-search .title .input-wrapper {
      display: inline-block;
      position: relative;
      max-width: calc(100% - 98px); }
      .os-search .title .input-wrapper .hidden-text {
        display: inline-block;
        visibility: hidden;
        white-space: pre;
        padding: 8px 4px;
        font: bold 22px Roboto;
        max-width: 100%;
        overflow: hidden;
        height: 34px; }
      .os-search .title .input-wrapper .ant-input {
        border: none;
        padding: 8px 0;
        font: bold 22px Roboto;
        height: 34px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%; }
        .os-search .title .input-wrapper .ant-input:focus {
          box-shadow: none;
          border: none; }
      .os-search .title .input-wrapper .ant-btn {
        display: flex;
        align-items: center;
        justify-content: center; }
    .os-search .title.editable {
      width: 100%; }
      .os-search .title.editable .ant-input {
        background-color: #e6f7fb;
        padding: 8px 4px;
        border-radius: 0;
        width: 100%;
        margin-right: 8px; }
  .os-search .author p {
    font: normal 16px Roboto;
    color: #595a5c;
    opacity: 0.4; }
  .os-search .description textarea.ant-input {
    border: none;
    padding: 8px 0;
    font: normal 16px Roboto;
    color: #595a5c;
    opacity: 0.5;
    line-height: 26px; }
    .os-search .description textarea.ant-input:focus {
      box-shadow: none;
      border: none; }
  .os-search .description.editable textarea.ant-input {
    background-color: #e6f7fb;
    padding: 8px 4px;
    border-radius: 0; }

.os-visibility-switch {
  display: flex;
  align-items: center;
  margin: 16px 0;
  margin-top: 30px; }
  .os-visibility-switch label {
    font: 500 20px Roboto; }
  .os-visibility-switch .os-switch-title {
    background: rgba(255, 255, 255, 0.6);
    border: 1.5px solid rgba(89, 90, 92, 0.1);
    box-sizing: border-box;
    border-radius: 100px;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #595a5c;
    width: 167px;
    height: 40px;
    justify-content: center; }
  .os-visibility-switch .os-switch {
    display: flex;
    margin-left: 16px; }
    .os-visibility-switch .os-switch label {
      font: normal 16px Roboto;
      color: colors(secondary);
      opacity: 0.5;
      font-size: 16px;
      line-height: 19px;
      display: flex;
      align-items: center;
      color: #595a5c; }
      .os-visibility-switch .os-switch label.selected {
        opacity: 1; }

.summary-wrapper p {
  margin: 8px 0;
  line-height: 22px; }

.summary-wrapper a {
  color: #1890ff;
  text-decoration: underline;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s; }

.community-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left; }
  @media (max-width: 425px) {
    .community-title {
      font-weight: 500;
      font-size: 10px;
      line-height: 14px;
      justify-content: center;
      text-align: center; } }
  @media screen and (min-width: 426px) and (max-width: 768px) {
    .community-title {
      font-weight: 500;
      font-size: 14px;
      line-height: 18px;
      justify-content: center;
      text-align: center; } }

.community-description {
  font-size: 18px;
  line-height: 28px;
  color: #595a5c;
  opacity: 0.5;
  text-align: left; }

.community-wrapper {
  padding: 2px;
  justify-content: center; }

.community-info-wrapper {
  display: flex;
  flex-direction: column;
  text-align: justify;
  padding-right: 30px; }
  @media (max-width: 1024px) {
    .community-info-wrapper {
      max-width: max-content;
      padding-right: 0px;
      margin-top: 55px; } }

.community-circle-wrapper {
  position: absolute;
  background: #ffffff;
  border: 1px solid rgba(89, 90, 92, 0.2);
  box-sizing: border-box;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex; }
  .community-circle-wrapper svg {
    width: 24px;
    height: 24px; }
  .community-circle-wrapper svg.svg-community {
    width: 36px;
    height: 36px; }

.community-header {
  margin-top: 15px; }
  .community-header .ant-row {
    display: none; }
    @media (max-width: 768px) {
      .community-header .ant-row {
        display: flex; } }

.ant-form-item-control {
  font-weight: 400; }
  .ant-form-item-control .ant-form-item-explain {
    font-size: 12px; }
  .ant-form-item-control .ant-form-item-explain-error {
    font-size: 12px;
    color: #ff3636;
    margin-top: 10px; }

.card-out-footer {
  margin-top: 30px; }

.form-field-required .ant-form-item-label {
  margin-bottom: 10px !important; }
  .form-field-required .ant-form-item-label label:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: bolder;
    margin-left: 5px;
    font-weight: 400;
    margin-bottom: 8px !important; }
  .form-field-required .ant-form-item-label label:before {
    display: none !important; }

.form-field-required .ant-input-prefix {
  margin-right: 10px; }

.form-field-required .ant-form-item-control-input-content .ant-input-affix-wrapper-disabled {
  background-color: white;
  border: none; }

.form-field-required .ant-form-item-control-input-content .ant-input[disabled] {
  color: #595a5c; }

.os-members {
  padding: 30px;
  background-color: #fff;
  margin-top: 30px;
  border-radius: 6px; }
  .os-members .title {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .os-members .title h2 {
      font: 500 20px Roboto;
      color: #595a5c; }
  .os-members .members {
    margin: 16px 0; }
    .os-members .members .member {
      border: 10px solid #f3f3f3;
      border-radius: 6px;
      margin-bottom: 30px;
      position: relative; }
      .os-members .members .member .member-inner {
        padding: 20px;
        border-radius: 6px;
        display: flex;
        align-items: flex-start; }
        .os-members .members .member .member-inner .img-wrapper {
          width: 92px; }
          .os-members .members .member .member-inner .img-wrapper .img {
            width: 92px;
            height: 96px; }
            .os-members .members .member .member-inner .img-wrapper .img img {
              height: 100%;
              width: 100%;
              object-fit: contain;
              border-radius: 6px; }
        .os-members .members .member .member-inner .description {
          padding-left: 14px;
          flex: 1 1 auto; }
          .os-members .members .member .member-inner .description .name {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .os-members .members .member .member-inner .description .name h2 {
              margin-bottom: 0;
              font: bold 20px Roboto;
              line-height: 23px;
              color: #595a5c; }
          .os-members .members .member .member-inner .description .qualifications h3 {
            font: 500 16px Roboto;
            line-height: 23px;
            color: #595a5c; }
          .os-members .members .member .member-inner .description .exp-loc-author ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            justify-content: space-between; }
            .os-members .members .member .member-inner .description .exp-loc-author ul li {
              font: normal 16px Roboto;
              line-height: 19px;
              color: #595a5c;
              opacity: 0.5;
              word-break: break-word; }
              .os-members .members .member .member-inner .description .exp-loc-author ul li:first-child {
                width: 30%; }
              .os-members .members .member .member-inner .description .exp-loc-author ul li:nth-child(2) {
                width: 27%; }
              .os-members .members .member .member-inner .description .exp-loc-author ul li:last-child {
                width: 43%;
                color: #595a5c; }
      .os-members .members .member .delete-action {
        position: absolute;
        right: -10px;
        top: -10px;
        height: 42px;
        width: 42px;
        background-color: #f15946;
        display: none;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 50px; }
        .os-members .members .member .delete-action:hover {
          cursor: pointer; }
        .os-members .members .member .delete-action svg {
          position: absolute;
          top: 8px;
          right: 8px; }
      .os-members .members .member.editable {
        border-color: #ffeae8; }
        .os-members .members .member.editable .delete-action {
          display: block; }

.os-list-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0; }
  .os-list-option .label {
    font: 400 16px Roboto;
    color: #595a5c; }
  .os-list-option .info {
    text-align: right; }
    .os-list-option .info p {
      margin: 0;
      line-height: 14px;
      font-size: 11px;
      font-weight: 400;
      color: #595a5c;
      font-family: Roboto; }

.os-list-custom-create {
  padding: 14px 14px 12px;
  border-top: 1px solid #f3f3f3; }
  .os-list-custom-create p {
    margin: 0;
    font: 400 16px Roboto; }
    .os-list-custom-create p span {
      font-weight: 500;
      color: #9aca3f; }
      .os-list-custom-create p span:hover {
        cursor: pointer; }

.os-collapse-wrapper .ant-collapse {
  border: none; }
  .os-collapse-wrapper .ant-collapse .ant-collapse-item {
    border-bottom: none; }
    .os-collapse-wrapper .ant-collapse .ant-collapse-item .ant-collapse-header {
      background: #f5faec;
      padding: 4px 8px;
      user-select: none;
      border-radius: 6px !important; }
      .os-collapse-wrapper .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
        padding: 2px; }
    .os-collapse-wrapper .ant-collapse .ant-collapse-item .ant-collapse-content {
      border-top: none;
      user-select: none; }
      .os-collapse-wrapper .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
        padding: 4px 0px 0px !important; }

.os-collapse-wrapper.os-show-search .os-autocomplete-wrapper {
  padding: 8px 1px; }

.os-collapse-wrapper.os-show-search .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  padding: 4px 0px 0px !important; }
  .os-collapse-wrapper.os-show-search .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-checkbox-group {
    padding: 8px; }

.os-search-list-checkbox.ant-checkbox-wrapper {
  align-items: flex-start; }
  .os-search-list-checkbox.ant-checkbox-wrapper .ant-checkbox + span {
    align-self: center;
    line-height: 16px;
    margin-top: 4px; }
  .os-search-list-checkbox.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
    border: 2px solid #a4a6a8;
    opacity: 0.5;
    width: 19px;
    height: 19px;
    border-radius: 2px; }

.os-search-list-checkbox span {
  font: normal 14px Roboto;
  color: #a4a6a8; }

.os-selected-filters {
  margin-bottom: 16px;
  padding: 0 8px; }
  .os-selected-filters p {
    margin: 0; }
  .os-selected-filters .title {
    font: bold 16px Roboto;
    color: #595a5c; }
  .os-selected-filters .action {
    font: 500 12px Roboto;
    color: #f15946; }
    .os-selected-filters .action:hover {
      cursor: pointer; }

.os-applied-filter-pills {
  margin-top: 12px; }
  .os-applied-filter-pills .os-pill {
    transition: all 0.3s ease-in-out;
    background: #ffeae8;
    color: #f15946;
    padding: 0 24px 0 8px;
    position: relative;
    font: 500 14px Roboto;
    min-height: 30px;
    border-radius: 4px;
    display: inline-block;
    margin: 5px 8px 6px 0px;
    line-height: 30px; }
    .os-applied-filter-pills .os-pill.active {
      background-color: #eef6ea;
      color: #9aca3f; }
      .os-applied-filter-pills .os-pill.active .switch-btn {
        margin-left: 6px;
        background-color: #9aca3f; }
      .os-applied-filter-pills .os-pill.active .os-pill-remove svg path {
        fill: #9aca3f; }
    .os-applied-filter-pills .os-pill .switch-btn {
      margin-left: 6px;
      background-color: #f15946; }
    .os-applied-filter-pills .os-pill .os-pill-remove {
      position: absolute;
      right: 8px; }
      .os-applied-filter-pills .os-pill .os-pill-remove svg path {
        fill: #f15946; }
      .os-applied-filter-pills .os-pill .os-pill-remove:hover {
        cursor: pointer; }

.os-no-list {
  display: block;
  text-align: center;
  font: 400 14px Roboto;
  color: #acacad; }

.os-check {
  position: relative;
  padding-left: 8px;
  margin-bottom: 4px; }
  .os-check span.checkbox-eye {
    position: absolute;
    top: 8px;
    right: 8px; }
    .os-check span.checkbox-eye:hover {
      cursor: pointer; }

.os-icon-btn.ant-btn-circle {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-dec-none {
  text-decoration: none !important;
  color: inherit; }
  .text-dec-none:hover {
    color: inherit; }

.os-search-tab {
  padding: 12px 16px;
  font: normal 16px Roboto;
  color: rgba(89, 90, 92, 0.5);
  border: 1px solid transparent; }
  .os-search-tab:hover {
    cursor: pointer; }
  .os-search-tab.active {
    color: #48b6cb;
    height: 45px;
    border: 1px solid #48b6cb;
    background-color: #f5fdff;
    border-radius: 25px;
    font-weight: bold; }
  .os-search-tab.disabled {
    cursor: not-allowed; }

.os-scrollbar::-webkit-scrollbar {
  width: 6px; }

.os-scrollbar::-webkit-scrollbar-track {
  background: #f9f9f9; }

.os-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 4px; }

.os-text-secondary, .os-detail-title, .os-individual-detail-wrapper .os-detail, .os-detail, .project-wrapper .os-detail {
  color: #595a5c;
  font-family: Roboto; }
  .os-text-secondary--07 {
    opacity: 0.7; }

.os-text-secondary-light, .os-detail-texts, .os-individual-detail-wrapper .os-detail span, .os-detail span, .project-wrapper .os-detail span {
  color: #acacad; }

.os-detail-texts {
  list-style: none;
  margin: 8px 16px;
  font: normal 16px Roboto;
  min-height: 26px; }
  .os-detail-texts li {
    font-family: Roboto;
    line-height: 30px; }
  .os-detail-texts.bullets {
    list-style: disc; }

.os-detail-title {
  text-transform: uppercase;
  margin-bottom: 8px;
  font: 500 16px Roboto; }

.os-view-more {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-style: italic;
  font-family: Roboto; }
  .os-view-more svg {
    margin-left: 4px; }

.os-comment-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0; }

.os-text-primary, .os-view-more {
  color: #9aca3f;
  font-family: Roboto; }

.os-text-12 {
  font-size: 12px;
  font-family: Roboto; }

.os-text-14 {
  font-size: 14px;
  font-family: Roboto; }

.os-text-16 {
  font-size: 16px;
  font-family: Roboto; }

.os-text-18 {
  font-size: 18px;
  font-family: Roboto; }

.os-text-20 {
  font-size: 20px;
  font-family: Roboto; }

.os-search-list-footer {
  position: relative; }
  .os-search-list-footer .count {
    position: absolute;
    right: 0;
    top: 10px;
    font: normal 14px Roboto;
    color: #acacad; }

.os-suggested-skill {
  padding: 6px 10px;
  margin: 4px 8px 4px 0px;
  background: #eff1f4;
  border-radius: 4px;
  font: normal 15px Roboto; }
  .os-suggested-skill:hover {
    cursor: pointer; }

.os-search-loader {
  position: relative;
  display: none; }
  .os-search-loader.active {
    display: block; }
  .os-search-loader .loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    background: #c5c5c5e6;
    font-size: 14px;
    font-weight: bold;
    color: #9aca3f; }

.os-search-tag {
  background: #ffeae8;
  color: #f15946;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  margin-right: 8px;
  margin-top: 8px;
  padding: 6px 8px;
  border-radius: 4px; }
  .os-search-tag .switch-btn {
    background-color: #f15946;
    margin-left: 8px; }
  .os-search-tag .tag-name {
    font: 500 14px Roboto; }
  .os-search-tag.active {
    background: #eef6ea;
    color: #9aca3f; }
    .os-search-tag.active .switch-btn {
      background-color: #9aca3f; }
  .os-search-tag .action {
    margin-left: 8px; }

.os-list-select .ant-select-clear {
  top: 42%; }

.os-list-freelancer-headline {
  min-height: 18px;
  font: 500 16px Roboto;
  line-height: 22px; }

.os-filters-wrapper {
  border-radius: 6px; }
  .os-filters-wrapper .ant-card-body {
    padding: 10px; }

.os-search-inputbox {
  border-radius: 6px; }
  .os-search-inputbox.ant-input-affix-wrapper {
    background-color: #eff1f4; }
    .os-search-inputbox.ant-input-affix-wrapper input {
      background-color: #eff1f4;
      color: #595a5c; }
      .os-search-inputbox.ant-input-affix-wrapper input ::placeholder {
        font: normal 16px Roboto; }

.os-input-helper-text {
  font: normal 16px Roboto;
  color: #595a5c; }

.os-search-searchbox.ant-select-single .ant-select-selector {
  background-color: #eff1f4 !important; }
  .os-search-searchbox.ant-select-single .ant-select-selector .ant-select-selection-search input ::placeholder {
    font: normal 16px Roboto; }

.os-icon-with-text, .os-individual-detail-wrapper .os-detail, .os-detail, .project-wrapper .os-detail {
  max-width: calc(100% - 22px); }

.os-individual-detail-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 50%;
  margin-top: 8px; }
  .os-individual-detail-wrapper .os-detail {
    width: 50%;
    display: flex;
    align-items: center;
    color: #a4a6a8; }
    .os-individual-detail-wrapper .os-detail span {
      font: normal 16px Roboto;
      max-width: calc(100% - 22px);
      margin-left: 4px; }
    .os-individual-detail-wrapper .os-detail.red {
      color: #f15946; }
      .os-individual-detail-wrapper .os-detail.red span {
        color: #f15946; }

.ml span {
  color: red; }

.os-detail {
  width: 100%;
  display: flex;
  align-items: center;
  color: #a4a6a8; }
  .os-detail span {
    font: normal 16px Roboto; }
  .os-detail.red {
    color: #f15946; }
    .os-detail.red span {
      color: #f15946; }

.os-search-no-data {
  min-height: 162px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .os-search-no-data h2 {
    font: bold 32px Roboto;
    color: #eff1f4; }

.os-list-individual {
  display: flex;
  align-items: flex-start; }
  .os-list-individual .os-exp {
    width: 30%;
    display: flex;
    align-items: flex-start;
    color: #a4a6a8; }
    .os-list-individual .os-exp .text {
      font: normal 16px Roboto; }
  .os-list-individual .os-loc {
    width: 30%;
    display: flex;
    align-items: flex-start;
    color: #a4a6a8; }
    .os-list-individual .os-loc .text {
      font: normal 16px Roboto; }
  .os-list-individual .os-add {
    width: 40%;
    display: flex;
    align-items: flex-start;
    color: #a4a6a8; }
    .os-list-individual .os-add svg path {
      fill: #a4a6a8; }
    .os-list-individual .os-add .text {
      font: normal 16px Roboto; }

.os-freelancer-list-header .ant-card .ant-card-body {
  padding: 8px 12px 20px; }
  .os-freelancer-list-header .ant-card .ant-card-body .title {
    font: 500 20px Roboto; }

.password-helper-wrapper {
  position: absolute;
  padding: 15px;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  max-width: 556px; }
  .password-helper-wrapper .password-helper-title {
    font-size: 16px;
    line-height: 19px;
    color: #595a5c; }
  .password-helper-wrapper .password-helper {
    font-size: 16px;
    line-height: 26px;
    color: #595a5c;
    padding: 10px 0px; }
    .password-helper-wrapper .password-helper .password-success {
      color: green; }
    .password-helper-wrapper .password-helper .password-fail {
      color: #f5222d; }
    .password-helper-wrapper .password-helper .ant-col {
      display: list-item;
      list-style-type: disc;
      list-style-position: inside; }
  @media (max-width: 768px) {
    .password-helper-wrapper {
      max-width: 320px; }
      .password-helper-wrapper .password-helper .ant-col-offset-4 {
        margin-left: 10px;
        font-size: 14px;
        line-height: 22px; } }

.os-modal-body-manage-project {
  padding: 24px; }
  .os-modal-body-manage-project .os-visibility-form-lable {
    color: rgba(89, 90, 92, 0.5); }
  .os-modal-body-manage-project .os-form-group {
    margin-top: 24px; }
    .os-modal-body-manage-project .os-form-group .os-form-helper-text {
      color: rgba(89, 90, 92, 0.5); }
    .os-modal-body-manage-project .os-form-group .os-visibility-example {
      border: none; }
      .os-modal-body-manage-project .os-form-group .os-visibility-example ul li {
        background: rgba(255, 255, 255, 0.6);
        border: 1.5px solid rgba(89, 90, 92, 0.1);
        padding: 20px 40px; }
        .os-modal-body-manage-project .os-form-group .os-visibility-example ul li.active {
          background: #f5fdff;
          border: 1.5px solid #48b6cb;
          box-sizing: border-box;
          border-radius: 3px; }
          .os-modal-body-manage-project .os-form-group .os-visibility-example ul li.active .label {
            color: #48b6cb; }
        .os-modal-body-manage-project .os-form-group .os-visibility-example ul li:hover {
          box-shadow: none; }
    .os-modal-body-manage-project .os-form-group:first-child {
      margin-top: 0; }

.stepper {
  display: flex;
  flex-direction: row;
  border-radius: 6px;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; }
  .stepper .stepper-block {
    width: 31%;
    border-radius: 6px;
    text-align: center;
    align-items: center;
    color: #595a5c;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: white;
    background: #ffffff;
    border: 1.5px solid rgba(89, 90, 92, 0.3);
    cursor: pointer;
    padding: 8px; }
    .stepper .stepper-block .title {
      font-weight: bold;
      font-size: 24px;
      color: #595a5c; }
    .stepper .stepper-block .description {
      color: #595a5c;
      opacity: 0.8; }
    .stepper .stepper-block.active {
      background: #9aca3f;
      border: 1.5px solid #9aca3f; }
      .stepper .stepper-block.active .title {
        color: #ffffff; }
      .stepper .stepper-block.active .description {
        color: #ffffff; }

.questionnaire {
  background: #ffffff;
  border: 1px solid rgba(89, 90, 92, 0.3);
  box-sizing: border-box;
  border-radius: 6px;
  margin: 30px;
  padding: 20px; }
  .questionnaire .questionnaire-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px; }
    .questionnaire .questionnaire-head .title {
      font-weight: 500;
      font-size: 20px;
      line-height: 23px;
      display: flex;
      align-items: center; }
    .questionnaire .questionnaire-head .questionnaire-actions {
      display: flex;
      align-items: center; }
      .questionnaire .questionnaire-head .questionnaire-actions .type-dropdown {
        background: rgba(255, 255, 255, 0.6);
        border: 1.5px solid rgba(89, 90, 92, 0.4);
        box-sizing: border-box;
        border-radius: 3px;
        height: 40px;
        width: 180px;
        padding: 10px;
        cursor: pointer; }
        .questionnaire .questionnaire-head .questionnaire-actions .type-dropdown span {
          display: flex;
          justify-content: space-between;
          height: 100%;
          align-items: center; }
      .questionnaire .questionnaire-head .questionnaire-actions button {
        margin-left: 10px;
        color: #ff5b5b;
        background: #ffe2e2;
        border-color: #ff5b5b; }
  .questionnaire .questionnaire-body {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    justify-content: flex-start;
    margin-top: 12px; }
    .questionnaire .questionnaire-body .title {
      color: #595a5c;
      margin-right: 10px; }
    .questionnaire .questionnaire-body .subtitle {
      color: rgba(89, 90, 92, 0.5);
      background: rgba(72, 182, 203, 0.2); }
      .questionnaire .questionnaire-body .subtitle.error {
        border: solid 1px rgba(214, 15, 15, 0.712) !important;
        padding: 4px 8px;
        border-radius: 4px;
        background: #fff; }
    .questionnaire .questionnaire-body .checkbox-body {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .questionnaire .questionnaire-body .checkbox-body .os-switch {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .questionnaire .questionnaire-body .checkbox-body .os-switch label {
          margin-right: 5px;
          font-size: 16px;
          line-height: 19px;
          display: flex;
          align-items: center;
          color: rgba(89, 90, 92, 0.5);
          margin: 0px 5px; }
          .questionnaire .questionnaire-body .checkbox-body .os-switch label.selected {
            color: #595a5c; }
  .questionnaire .questionnaire-footer {
    display: flex;
    justify-content: space-between; }
    .questionnaire .questionnaire-footer .checkbox {
      font-size: 18px;
      font-weight: 500;
      color: rgba(72, 182, 203, 0.2); }
    .questionnaire .questionnaire-footer .upload-file {
      width: 134px;
      height: 40px;
      background: #e1f8fc;
      border: 1.5px solid #48b6cb;
      border-radius: 3px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .questionnaire .questionnaire-footer .upload-file span {
        color: #48b6cb; }
    .questionnaire .questionnaire-footer .os-switch {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .questionnaire .questionnaire-footer .os-switch label {
        margin-right: 5px;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        color: rgba(89, 90, 92, 0.5);
        margin: 0px 5px; }
        .questionnaire .questionnaire-footer .os-switch label.selected {
          color: #595a5c; }
  .questionnaire .questionnaire-error {
    color: #f5222d; }
  .questionnaire .marginTB {
    margin-bottom: "12px";
    margin-top: "12px"; }

.freelancer-questions .add-question {
  display: flex;
  align-items: center;
  color: #595a5c;
  padding: 0px 24px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer; }

.freelancer-questions .submit-btn {
  padding: 24px;
  justify-content: center;
  display: flex; }
  .freelancer-questions .submit-btn button {
    height: 40px;
    width: 134px; }

.os-mark-wrapper mark {
  padding: 0 4px; }

.os-list-wrapper {
  min-height: calc(100vh - 172px);
  margin-top: 60px; }

.os-select-project-comp .ant-select-clear {
  top: 43%; }

.os-search-loc-autocomplete {
  position: relative; }
  .os-search-loc-autocomplete .os-loc-clear {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #f3f3f3;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer; }

.os-search-input {
  position: relative; }
  .os-search-input .os-clear-search {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: #f3f3f3;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer; }

.os-keyword-tooltip p {
  margin: 0; }

.os-keword-tooltip-wrapper {
  min-width: 420px; }

.os-list-search-description {
  font: normal 16px Roboto;
  color: #a4a6a8; }

.os-roboto {
  font-family: Roboto !important;
  word-break: break-word; }

.os-list-createdby {
  font: normal 16px Roboto;
  color: #a4a6a8; }

.os-sp-head-wrapper-new {
  display: flex; }
  .os-sp-head-wrapper-new .text-wrapper {
    width: 100%; }
    .os-sp-head-wrapper-new .text-wrapper .titles {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .os-sp-head-wrapper-new .text-wrapper .titles .title {
        font: 500 20px Roboto; }
      .os-sp-head-wrapper-new .text-wrapper .titles .action {
        color: #48b6cb;
        padding: 5px;
        border-radius: 25px;
        border: 1px solid #48b6cb;
        cursor: pointer; }
    .os-sp-head-wrapper-new .text-wrapper .client-name {
      font: 500 16px Roboto;
      margin-top: 4px; }
    .os-sp-head-wrapper-new .text-wrapper .additional-texts {
      display: flex;
      align-items: flex-start;
      margin-top: 8px; }
      .os-sp-head-wrapper-new .text-wrapper .additional-texts .location {
        min-width: 25%;
        display: flex;
        align-items: flex-start;
        margin-right: 12px;
        color: #a4a6a8; }
        .os-sp-head-wrapper-new .text-wrapper .additional-texts .location span {
          font-size: 14px;
          font-family: Roboto;
          color: #a4a6a8; }
        .os-sp-head-wrapper-new .text-wrapper .additional-texts .location svg {
          margin-right: 4px; }
      .os-sp-head-wrapper-new .text-wrapper .additional-texts .budget {
        width: 25%;
        display: flex;
        align-items: flex-start;
        font: normal 14px Roboto;
        color: #a4a6a8; }
        .os-sp-head-wrapper-new .text-wrapper .additional-texts .budget svg {
          margin-right: 4px; }
      .os-sp-head-wrapper-new .text-wrapper .additional-texts .cb-text-icon {
        width: 50%;
        display: flex;
        align-items: flex-start;
        font: normal 14px Roboto;
        color: #a4a6a8; }
        .os-sp-head-wrapper-new .text-wrapper .additional-texts .cb-text-icon svg {
          margin-right: 4px; }

.project-opportunity-card {
  padding: 30px;
  background: #e4f3f6;
  border: 1.5px solid #48b6cb;
  border-radius: 5px;
  margin-bottom: 30px; }
  .project-opportunity-card .project-info {
    display: flex;
    flex-direction: column; }
    .project-opportunity-card .project-info h2 {
      font-weight: 500;
      font-size: 20px;
      line-height: 23px; }
    .project-opportunity-card .project-info .subtitle {
      color: rgba(89, 90, 92, 0.6);
      font-size: 16px;
      line-height: 19px;
      margin-bottom: 10px;
      font-weight: 500; }
  .project-opportunity-card img {
    border: 2px solid #48b6cb;
    width: 67px;
    height: 67px;
    border-radius: 50%; }
  .project-opportunity-card .icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    padding-top: 2px;
    background-color: #48b6cb; }

.email-modal-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px; }
  .email-modal-wrapper .success-email .header {
    font-family: Maven Pro;
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 51px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #595a5c;
    margin-top: 20px;
    justify-content: center;
    margin-bottom: 35px; }
  .email-modal-wrapper .success-email svg {
    width: 30px;
    height: 30px; }
  .email-modal-wrapper .success-email .description {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px; }
    .email-modal-wrapper .success-email .description div {
      font-family: Roboto;
      font-size: 20px;
      line-height: 28px;
      color: #595a5c;
      margin-left: 20px; }
    .email-modal-wrapper .success-email .description .failed {
      color: #ff3636; }
    .email-modal-wrapper .success-email .description .success {
      color: #9aca3f; }
  .email-modal-wrapper .failed-email .description {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #595a5c; }
  .email-modal-wrapper .redirection-button {
    margin-top: 10px; }
    .email-modal-wrapper .redirection-button button {
      width: 100px;
      border-radius: 3px; }

.os-send-email-modal {
  overflow: hidden;
  max-height: 90vh; }
  .os-send-email-modal .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #595a5c;
    margin-bottom: 10px; }
    .os-send-email-modal .title span {
      font-weight: normal;
      font-size: 16px;
      line-height: 19px;
      color: #595a5c;
      margin-left: 10px; }
  .os-send-email-modal .mail-tag {
    background: #e1f8fd;
    border-radius: 6px;
    height: 28px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #48b6cb;
    display: flex;
    justify-content: center;
    align-items: center; }
    .os-send-email-modal .mail-tag span {
      background: #ffffff;
      width: 20px;
      height: 20px;
      color: #b2b2b2;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .os-send-email-modal .mail-tag svg {
      width: 6px;
      height: 6px; }

.deselected-border {
  border-color: #f3f3f3 !important; }

.selected-border {
  border-color: #e0efc8 !important; }

.backBackground {
  background-color: rgba(72, 182, 203, 0.2);
  margin-right: 10px; }
  .backBackground.error {
    border: solid 1px rgba(214, 15, 15, 0.712) !important;
    padding: 4px 8px;
    border-radius: 4px;
    background: #fff; }

.error-state {
  color: red;
  font-size: 12px; }

.admin-dashboard {
  background-color: #f2f2f2; }
  .admin-dashboard .dashboard-wrapper {
    padding: 10px 80px;
    padding-top: 32px !important; }
    .admin-dashboard .dashboard-wrapper .col-bg {
      background-color: #ffffff;
      border-radius: 6px; }
    .admin-dashboard .dashboard-wrapper .left-sidebar {
      height: 100%; }
      .admin-dashboard .dashboard-wrapper .left-sidebar .navigation-box {
        display: flex;
        align-items: center;
        border-radius: 10px;
        height: 50px;
        padding: 10px;
        margin: 20px 0px;
        cursor: pointer; }
        .admin-dashboard .dashboard-wrapper .left-sidebar .navigation-box .icon {
          width: 24px;
          height: 24px; }
        .admin-dashboard .dashboard-wrapper .left-sidebar .navigation-box .label {
          font-size: 18px;
          line-height: 24px;
          margin-left: 15px;
          color: rgba(89, 90, 92, 0.8); }
        .admin-dashboard .dashboard-wrapper .left-sidebar .navigation-box.selected {
          background: #48b6cb;
          border-radius: 10px;
          color: #ffffff; }
          .admin-dashboard .dashboard-wrapper .left-sidebar .navigation-box.selected .label {
            color: #ffffff; }
    .admin-dashboard .dashboard-wrapper .right-sidebar .stats {
      padding: 30px; }
      .admin-dashboard .dashboard-wrapper .right-sidebar .stats .stat-box-wrapper {
        display: flex;
        flex-direction: row; }
        .admin-dashboard .dashboard-wrapper .right-sidebar .stats .stat-box-wrapper .stats-box {
          width: 250px;
          padding: 20px;
          border-radius: 15px; }
          .admin-dashboard .dashboard-wrapper .right-sidebar .stats .stat-box-wrapper .stats-box .icon {
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px; }
          .admin-dashboard .dashboard-wrapper .right-sidebar .stats .stat-box-wrapper .stats-box .title {
            font-size: 16px;
            line-height: 19px;
            color: #595a5c; }
          .admin-dashboard .dashboard-wrapper .right-sidebar .stats .stat-box-wrapper .stats-box .number {
            font-weight: 500;
            font-size: 40px;
            line-height: 47px;
            color: #595a5c; }
    .admin-dashboard .dashboard-wrapper .right-sidebar .options {
      margin-top: 10px;
      padding: 30px; }
      .admin-dashboard .dashboard-wrapper .right-sidebar .options .options-wrapper {
        display: flex;
        flex-direction: row; }
        @media (max-width: 2560px) {
          .admin-dashboard .dashboard-wrapper .right-sidebar .options .options-wrapper {
            margin-left: 60px; } }
        .admin-dashboard .dashboard-wrapper .right-sidebar .options .options-wrapper .option-box {
          display: flex;
          align-items: center;
          padding: 20px;
          width: 370px;
          height: 90px;
          background: #e8fbff;
          border: 2px solid #48b6cb;
          border-radius: 15px;
          cursor: pointer; }
          .admin-dashboard .dashboard-wrapper .right-sidebar .options .options-wrapper .option-box svg {
            width: 60px;
            height: 60px; }
          .admin-dashboard .dashboard-wrapper .right-sidebar .options .options-wrapper .option-box .title {
            font-size: 22px;
            line-height: 30px;
            color: #595a5c;
            margin-left: 20px; }

.project-card {
  width: 100%;
  padding: 0px !important;
  padding-bottom: 10px; }
  .project-card .ant-list-item {
    padding: 12px !important;
    height: 56px;
    justify-content: space-between; }
    .project-card .ant-list-item.link:hover {
      cursor: pointer !important;
      background: #595a5c14; }
    .project-card .ant-list-item :last-of-type {
      border: none;
      border-color: transparent; }
  .project-card .col-border {
    border-left: 1px solid #f0f0f0; }
  .project-card .project-card-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .project-card .project-card-list span {
      margin-left: 5px;
      font-size: 18px;
      line-height: 21px;
      color: rgba(89, 90, 92, 0.5); }
  .project-card .value {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px; }
  .project-card .project-card-footer {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    margin-bottom: 10px; }
    .project-card .project-card-footer .icon {
      justify-content: center;
      align-items: center;
      display: flex;
      background: #fbfff5;
      border: 1.5px solid #9aca3f;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      cursor: pointer; }
      .project-card .project-card-footer .icon svg {
        width: 22px;
        height: 22px; }

.project-card-dropdown {
  display: flex !important;
  justify-content: space-between;
  flex-direction: column; }
  .project-card-dropdown span {
    width: 150px;
    height: 25px;
    background: #9aca3f;
    border-radius: 100px;
    font: 500 14px Roboto;
    line-height: 16px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px; }
    .project-card-dropdown span svg {
      width: 15px;
      height: 15px; }
    .project-card-dropdown span:hover {
      cursor: pointer; }
    .project-card-dropdown span.private {
      background-color: #fcc016; }
  .project-card-dropdown .label {
    background: #ffffff;
    border-radius: 100px;
    width: 70px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center; }

.project-layout {
  background-color: #f2f2f2; }
  .project-layout .os-temp-container {
    display: flex;
    justify-content: end;
    z-index: 9;
    padding-right: 80px; }
    .project-layout .os-temp-container .project-dropdown {
      width: 244px;
      height: 32px;
      background: #ffffff;
      border: 1.5px solid #9aca3f;
      box-sizing: border-box;
      border-radius: 3px;
      color: #9aca3f;
      font-size: 14px;
      line-height: 19px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .project-layout .os-temp-container .project-dropdown .ant-dropdown-placement-topCenter {
        top: -275px !important; }
      .project-layout .os-temp-container .project-dropdown .pl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 20px;
        cursor: pointer; }
        .project-layout .os-temp-container .project-dropdown .pl svg {
          color: "#9ACA3F"; }
  .project-layout .project-layout-wrapper {
    margin-top: 32px;
    padding: 10px 80px; }
    .project-layout .project-layout-wrapper .col-bg {
      background-color: #ffffff;
      border-radius: 6px; }
    .project-layout .project-layout-wrapper .back-icon {
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      background: #dffaff;
      border: 1.5px solid #48b6cb;
      box-sizing: border-box;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      margin-bottom: 20px; }
      .project-layout .project-layout-wrapper .back-icon svg {
        height: 24px;
        width: 24px;
        color: #48b6cb; }
    .project-layout .project-layout-wrapper .left-sidebar {
      height: 100%; }
      .project-layout .project-layout-wrapper .left-sidebar .navigation-box {
        display: flex;
        align-items: center;
        border-radius: 10px;
        height: 50px;
        padding: 10px;
        margin: 20px 0px;
        cursor: pointer; }
        .project-layout .project-layout-wrapper .left-sidebar .navigation-box .icon {
          width: 24px;
          height: 24px; }
        .project-layout .project-layout-wrapper .left-sidebar .navigation-box .label {
          font-size: 18px;
          line-height: 24px;
          margin-left: 15px;
          color: rgba(89, 90, 92, 0.8); }
        .project-layout .project-layout-wrapper .left-sidebar .navigation-box .folder-icon {
          position: absolute;
          right: 20px; }
        .project-layout .project-layout-wrapper .left-sidebar .navigation-box.selected {
          background: #48b6cb;
          border-radius: 10px;
          color: #ffffff; }
          .project-layout .project-layout-wrapper .left-sidebar .navigation-box.selected .label {
            color: #ffffff; }

.project-wrapper {
  padding: 30px;
  background-color: #fff;
  min-height: 484px; }
  .project-wrapper .mb-40 {
    margin-bottom: 40px; }
  .project-wrapper .mt-10 {
    margin-top: 10px; }
  .project-wrapper .os-detail {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    color: #a4a6a8; }
    .project-wrapper .os-detail span {
      font: normal 16px Roboto;
      max-width: calc(100% - 22px); }
    .project-wrapper .os-detail .copy-icon svg {
      color: #48b6cb !important; }
    .project-wrapper .os-detail.red {
      color: #f15946; }
      .project-wrapper .os-detail.red span {
        color: #f15946; }
  .project-wrapper .project-dropdown {
    width: 244px;
    height: 32px;
    background: #ffffff;
    border: 1.5px solid #9aca3f;
    box-sizing: border-box;
    border-radius: 3px;
    color: #9aca3f;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .project-wrapper .project-dropdown .pl {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 20px;
      cursor: pointer; }
      .project-wrapper .project-dropdown .pl svg {
        color: "#9ACA3F"; }

.linkedin-card-container-drawer .project-dropdown {
  width: 180px;
  height: 32px;
  background: #ffffff;
  border: 1.5px solid #9aca3f;
  box-sizing: border-box;
  border-radius: 3px;
  color: #9aca3f;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .linkedin-card-container-drawer .project-dropdown .pl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    cursor: pointer; }
    .linkedin-card-container-drawer .project-dropdown .pl svg {
      color: "#9ACA3F"; }

.linkedin-card-container-drawer .linkedin-card-container {
  padding: 0px; }
  .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description {
    flex-direction: column; }
    .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .secondary-text {
      margin-left: 10px; }
    .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .sub-header {
      font-weight: 500;
      font-size: 18px;
      line-height: 21px;
      letter-spacing: -0.25px;
      color: #48b6cb;
      margin-bottom: 10px; }
    .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .description {
      font-size: 16px;
      line-height: 23px;
      color: #595a5c;
      font-weight: 500; }
    .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .lindkedin-sub-title {
      font-size: 16px;
      line-height: 19px;
      letter-spacing: -0.25px;
      color: #595a5c;
      mix-blend-mode: normal;
      color: rgba(89, 90, 92, 0.5);
      margin-bottom: 10px;
      display: flex;
      align-items: center; }
    .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .footer-info {
      display: flex;
      align-items: center;
      line-height: 20px;
      margin-bottom: 20px; }
      .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .footer-info .blue-header {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.25px;
        color: #48b6cb;
        display: flex;
        align-items: center; }
        .linkedin-card-container-drawer .linkedin-card-container .linkedin-card-description .footer-info .blue-header svg {
          margin-right: 10px; }

.profile-drawer-proposal .proposal-card {
  display: flex;
  flex-flow: column;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  margin: 10px; }
  .profile-drawer-proposal .proposal-card .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #595a5c;
    margin-bottom: 10px; }
  .profile-drawer-proposal .proposal-card .question {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: rgba(89, 90, 92, 0.7);
    margin-bottom: 10px; }
  .profile-drawer-proposal .proposal-card .answer {
    font-size: 16px;
    line-height: 24px;
    color: rgba(89, 90, 92, 0.5);
    margin-bottom: 10px;
    white-space: pre-wrap; }
  .profile-drawer-proposal .proposal-card .budget {
    display: flex;
    flex-direction: row; }
    .profile-drawer-proposal .proposal-card .budget .question {
      margin-right: 15px; }
    .profile-drawer-proposal .proposal-card .budget .title {
      font-size: 16px; }
  .profile-drawer-proposal .proposal-card .upload {
    background: rgba(154, 202, 63, 0.1);
    border-radius: 6px;
    height: 37px;
    color: #9aca3f;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px; }
    .profile-drawer-proposal .proposal-card .upload svg {
      margin-right: 10px; }

.proposal-profile-drawer .ant-tabs-content-holder .profile-drawer-proposal {
  background: #eff1f4 !important;
  border-radius: 6px; }

.proposal-profile-drawer .ant-tabs-tab {
  background: rgba(239, 241, 244, 0.2) !important;
  border-radius: 10px 10px 0px 0px !important; }

.profile-avatar img, .os-logo-holder img {
  object-fit: contain !important; }

.os-logo-holder {
  border: 1px solid #4eab38; }

.os-pagination .ant-pagination-prev .ant-pagination-item-link,
.os-pagination .ant-pagination-next .ant-pagination-item-link {
  color: #48b6cb;
  background: transparent; }
  .os-pagination .ant-pagination-prev .ant-pagination-item-link:hover,
  .os-pagination .ant-pagination-next .ant-pagination-item-link:hover {
    border-color: #48b6cb; }

.os-pagination .ant-pagination-item:focus-visible,
.os-pagination .ant-pagination-item:hover {
  border-color: #48b6cb; }
  .os-pagination .ant-pagination-item:focus-visible a,
  .os-pagination .ant-pagination-item:hover a {
    color: #48b6cb; }

.os-pagination .ant-pagination-item {
  background: none; }

.os-pagination .ant-pagination-item-active {
  background: #48b6cb;
  border: none; }
  .os-pagination .ant-pagination-item-active a {
    color: #fff; }
    .os-pagination .ant-pagination-item-active a:hover {
      color: #fff; }

.os-loader-card-container {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center; }
  .os-loader-card-container .os-loader-card {
    height: 200px;
    user-select: none;
    width: 300px;
    left: 570px;
    top: 350px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px #00000014;
    display: flex;
    align-items: center;
    justify-content: center; }
    .os-loader-card-container .os-loader-card .loading-text {
      position: absolute;
      top: 55%; }
    .os-loader-card-container .os-loader-card .os-spinner {
      width: 45px;
      height: 45px;
      border-top: 4px solid #9aca3f;
      border-right: 4px solid rgba(255, 255, 255, 0);
      animation: spinner 0.6s linear infinite;
      border-radius: 50%;
      animation: spinner 0.8s linear infinite; }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

span.ant-tag.ant-tag-has-color.shortlist-card-tag {
  color: #fff !important; }

.wrap-space {
  white-space: pre-wrap; }

.new-os-form-container.add-to-project .new-form-label .ant-form-item-label,
.new-os-form-container.refer-to-project .new-form-label .ant-form-item-label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px; }
  .new-os-form-container.add-to-project .new-form-label .ant-form-item-label label.ant-form-item-required:after,
  .new-os-form-container.refer-to-project .new-form-label .ant-form-item-label label.ant-form-item-required:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-left: 1px;
    position: relative;
    top: -8px; }
  .new-os-form-container.add-to-project .new-form-label .ant-form-item-label label.ant-form-item-required:before,
  .new-os-form-container.refer-to-project .new-form-label .ant-form-item-label label.ant-form-item-required:before {
    display: none !important; }

.new-os-form-container.add-to-project .new-form-label .ant-input-affix-wrapper,
.new-os-form-container.add-to-project .new-form-label .ant-picker,
.new-os-form-container.add-to-project .new-form-label textarea.ant-input,
.new-os-form-container.refer-to-project .new-form-label .ant-input-affix-wrapper,
.new-os-form-container.refer-to-project .new-form-label .ant-picker,
.new-os-form-container.refer-to-project .new-form-label textarea.ant-input {
  border: 1.5px solid #e6eaed;
  border-radius: 3px; }

.new-os-form-container.add-to-project .new-form-label .ant-picker.ant-picker-large,
.new-os-form-container.refer-to-project .new-form-label .ant-picker.ant-picker-large {
  width: 100%; }

.new-os-form-container.add-to-project .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix,
.new-os-form-container.refer-to-project .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
  position: absolute;
  transform: scale(1.5);
  color: currentColor; }

.new-os-form-container.add-to-project .new-form-label .ant-picker .ant-picker-input input,
.new-os-form-container.refer-to-project .new-form-label .ant-picker .ant-picker-input input {
  margin-left: 28px; }

.new-os-form-container.add-to-project .inline-form-elements,
.new-os-form-container.refer-to-project .inline-form-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px; }
  @media (max-width: 768px) {
    .new-os-form-container.add-to-project .inline-form-elements,
    .new-os-form-container.refer-to-project .inline-form-elements {
      display: flex;
      flex-flow: column; } }

@use 'sass:map';
html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: "Mavenpro";
  src: url("/assets/MavenPro.ttf");
  font-display: swap; }

*,
*::before,
*::after {
  box-sizing: inherit; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  transition: width 0.7s ease-in-out; }

::-webkit-scrollbar-horizontal {
  height: 6px; }

::-webkit-scrollbar-track {
  background: #f9f9f9; }

::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 4px;
  transition: width 0.7s ease-in-out; }

.dropdown-div i {
  margin-left: 5px !important; }

body {
  margin: 0;
  font-size: 16px;
  min-width: 300px;
  box-sizing: border-box;
  background-color: #e5e5e5; }

img,
svg,
video {
  display: initial;
  /* 1 */
  vertical-align: initial;
  /* 2 */ }

.os-link {
  opacity: 0.8; }

.os-link:hover {
  text-decoration: underline;
  opacity: 1; }

.skills-input-no-border:focus {
  outline: none; }

.skills-input-no-border {
  border: none;
  height: 40px;
  flex: 1; }

.os-skills-collection {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap; }
  .os-skills-collection .heading {
    font-size: 16px;
    line-height: 21px;
    color: #595a5c; }
  .os-skills-collection .skill {
    font-size: 14px;
    cursor: pointer;
    background: #e1f8fd;
    border-radius: 6px;
    padding: 4px 16px;
    color: #48b6cb;
    line-height: 19px; }

.css-mkersh-optionsWrapper {
  width: auto !important; }

.ib {
  display: inline-block;
  vertical-align: top; }

.ib.ma {
  display: inline-block;
  vertical-align: middle; }

.bold {
  font-weight: 500; }

.ck.ck-content {
  padding: 30px !important; }

.ck.ck-content {
  min-height: 300px; }

.tool-tip::after {
  content: "";
  border: 10px solid #6b7785;
  height: 0;
  width: 0;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 44px;
  left: 50%;
  margin-top: -10px; }

.overlay::before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 0;
  height: 100%; }

ol,
ul {
  margin-left: 20px; }

@font-face {
  font-family: "pebble";
  src: url("https://unpkg.com/@anarock/pebble@0.44.0/dist/fonts/pebble.eot?ad7bac8d471bdf885a63aa8fe59f78d9?#iefix") format("embedded-opentype"), url("https://unpkg.com/@anarock/pebble@0.44.0/dist/fonts/pebble.woff2?ad7bac8d471bdf885a63aa8fe59f78d9") format("woff2"), url("https://unpkg.com/@anarock/pebble@0.44.0/dist/fonts/pebble.woff?ad7bac8d471bdf885a63aa8fe59f78d9") format("woff"), url("https://unpkg.com/@anarock/pebble@0.44.0/dist/fonts/pebble.ttf?ad7bac8d471bdf885a63aa8fe59f78d9") format("truetype"); }

.pi {
  line-height: 1; }

.pi:before {
  font-family: pebble !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top; }

.pi-add:before {
  content: "\F101"; }

.pi-admin:before {
  content: "\F102"; }

.pi-arrow-down:before {
  content: "\F103"; }

.pi-arrow-drop-down:before {
  content: "\F104"; }

.pi-arrow-drop-up:before {
  content: "\F105"; }

.pi-arrow-right:before {
  content: "\F106"; }

.pi-arrow-up:before {
  content: "\F107"; }

.pi-back:before {
  content: "\F108"; }

.pi-calendar:before {
  content: "\F109"; }

.pi-call:before {
  content: "\F10A"; }

.pi-camera:before {
  content: "\F10B"; }

.pi-car:before {
  content: "\F10C"; }

.pi-channel-partners:before {
  content: "\F10D"; }

.pi-check:before {
  content: "\F10E"; }

.pi-checkbox-selected:before {
  content: "\F10F"; }

.pi-checkbox-unfilled:before {
  content: "\F110"; }

.pi-checkbox-unselected:before {
  content: "\F111"; }

.pi-chevron-left:before {
  content: "\F112"; }

.pi-clock:before {
  content: "\F113"; }

.pi-close-circle-filled:before {
  content: "\F114"; }

.pi-close-circle:before {
  content: "\F115"; }

.pi-close:before {
  content: "\F116"; }

.pi-copy:before {
  content: "\F117"; }

.pi-cp-icon:before {
  content: "\F118"; }

.pi-delete:before {
  content: "\F119"; }

.pi-digital-leads:before {
  content: "\F11A"; }

.pi-direct-walkins:before {
  content: "\F11B"; }

.pi-direction:before {
  content: "\F11C"; }

.pi-document-uploaded:before {
  content: "\F11D"; }

.pi-document:before {
  content: "\F11E"; }

.pi-dot:before {
  content: "\F11F"; }

.pi-download:before {
  content: "\F120"; }

.pi-edit-2:before {
  content: "\F121"; }

.pi-edit:before {
  content: "\F122"; }

.pi-face-to-face-2:before {
  content: "\F123"; }

.pi-face-to-face:before {
  content: "\F124"; }

.pi-file:before {
  content: "\F125"; }

.pi-filter:before {
  content: "\F126"; }

.pi-fire:before {
  content: "\F127"; }

.pi-follow-up-2-filled:before {
  content: "\F128"; }

.pi-follow-up-2:before {
  content: "\F129"; }

.pi-follow-up:before {
  content: "\F12A"; }

.pi-help-and-support:before {
  content: "\F12B"; }

.pi-history:before {
  content: "\F12C"; }

.pi-home-filled-2:before {
  content: "\F12D"; }

.pi-home-filled:before {
  content: "\F12E"; }

.pi-home:before {
  content: "\F12F"; }

.pi-incoming-call-2:before {
  content: "\F130"; }

.pi-incoming-call:before {
  content: "\F131"; }

.pi-incoming-calls:before {
  content: "\F132"; }

.pi-info:before {
  content: "\F133"; }

.pi-invoice:before {
  content: "\F134"; }

.pi-junk:before {
  content: "\F135"; }

.pi-leads-tab:before {
  content: "\F136"; }

.pi-link:before {
  content: "\F137"; }

.pi-location:before {
  content: "\F138"; }

.pi-logout-door:before {
  content: "\F139"; }

.pi-logout:before {
  content: "\F13A"; }

.pi-mail:before {
  content: "\F13B"; }

.pi-mandates:before {
  content: "\F13C"; }

.pi-mic:before {
  content: "\F13D"; }

.pi-missed-call:before {
  content: "\F13E"; }

.pi-more:before {
  content: "\F13F"; }

.pi-not-called:before {
  content: "\F140"; }

.pi-note-1:before {
  content: "\F141"; }

.pi-note:before {
  content: "\F142"; }

.pi-notification:before {
  content: "\F143"; }

.pi-offline:before {
  content: "\F144"; }

.pi-open-external:before {
  content: "\F145"; }

.pi-opening-quote:before {
  content: "\F146"; }

.pi-other-leads:before {
  content: "\F147"; }

.pi-others:before {
  content: "\F148"; }

.pi-outgoing-call-2:before {
  content: "\F149"; }

.pi-outgoing-call:before {
  content: "\F14A"; }

.pi-patchout:before {
  content: "\F14B"; }

.pi-pause:before {
  content: "\F14C"; }

.pi-phone-2:before {
  content: "\F14D"; }

.pi-phone-filled:before {
  content: "\F14E"; }

.pi-phone:before {
  content: "\F14F"; }

.pi-play:before {
  content: "\F150"; }

.pi-plus:before {
  content: "\F151"; }

.pi-profile-1:before {
  content: "\F152"; }

.pi-profile:before {
  content: "\F153"; }

.pi-radio-check-filled:before {
  content: "\F154"; }

.pi-radio-check:before {
  content: "\F155"; }

.pi-radio-selected:before {
  content: "\F156"; }

.pi-radio:before {
  content: "\F157"; }

.pi-reimbursements-2:before {
  content: "\F158"; }

.pi-reimbursements:before {
  content: "\F159"; }

.pi-reschedule:before {
  content: "\F15A"; }

.pi-reset:before {
  content: "\F15B"; }

.pi-revisit:before {
  content: "\F15C"; }

.pi-search:before {
  content: "\F15D"; }

.pi-self-added:before {
  content: "\F15E"; }

.pi-settings:before {
  content: "\F15F"; }

.pi-share:before {
  content: "\F160"; }

.pi-site-visit-2:before {
  content: "\F161"; }

.pi-site-visit:before {
  content: "\F162"; }

.pi-sms:before {
  content: "\F163"; }

.pi-spinner:before {
  content: "\F164"; }

.pi-training:before {
  content: "\F165"; }

.pi-transferred:before {
  content: "\F166"; }

.pi-travel:before {
  content: "\F167"; }

.pi-trophy:before {
  content: "\F168"; }

.pi-unchecked-radio:before {
  content: "\F169"; }

.pi-undo:before {
  content: "\F16A"; }

.pi-update:before {
  content: "\F16B"; }

.pi-updating:before {
  content: "\F16C"; }

.pi-upload:before {
  content: "\F16D"; }

.pi-user:before {
  content: "\F16E"; }

.pi-warning-line:before {
  content: "\F16F"; }

.pi-warning:before {
  content: "\F170"; }

.pi-whatsapp:before {
  content: "\F171"; }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  font-family: "Anarock", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent; }

.nullify-extra-space {
  margin: 0 !important;
  padding: 0 !important; }

.suggestion-item--active,
.suggestion-item {
  padding: 20px 0 20px 0; }

.suggestion-item--active {
  background: #ededed; }

.location-search-input {
  height: 40px;
  background: #ededed;
  padding: 7px 10px 7px 10px;
  border: none;
  outline: none;
  width: 100%; }
  .location-search-input :focus {
    border: none;
    outline: none; }

.location-filter-container {
  padding: 20px; }

.project-overview-tool-tip::after {
  content: "";
  border: 10px solid #6b7785;
  height: 0;
  width: 0;
  border-color: transparent #f6f6f6 transparent transparent;
  position: absolute;
  top: 24px;
  left: -20px;
  margin-top: -10px; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f6f6f6; }

.react-datepicker-wrapper input {
  border: none !important;
  font-size: 16px;
  width: 100px;
  margin-top: 2px; }

.react-datepicker-wrapper {
  display: flex !important;
  height: 100% !important;
  align-items: center !important; }

.react-datepicker-wrapper input:focus {
  outline: none !important;
  border: none !important; }

.react-datepicker__tab-loop .react-datepicker-popper {
  left: -40px !important; }

.green-label {
  font-size: 12px;
  transform: translate(0, 6px) !important;
  color: #4eab38 !important;
  position: absolute; }

.gray-label {
  font-size: 16px;
  color: "rgba(0,0,0,0.6)";
  height: 100%;
  display: flex;
  align-items: center; }

.os-tags {
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #48b6cb;
  background: transparent; }

.react-datepicker-popper {
  left: -40 !important; }

.profile-border {
  border-radius: 4px;
  margin-top: 0 !important; }

.profile-page-root {
  background: #f4f4f4;
  padding-bottom: 32px;
  min-height: 100vh; }
  .profile-page-root .personal-form .mobile-select .ant-form-item-control {
    border: 1px solid white;
    border-radius: 4px; }
    .profile-page-root .personal-form .mobile-select .ant-form-item-control .ant-select-selector {
      border: none !important; }
      .profile-page-root .personal-form .mobile-select .ant-form-item-control .ant-select-selector.focused {
        border: none !important;
        border-color: none;
        border-right-width: 0px;
        outline: 0;
        box-shadow: none; }
    .profile-page-root .personal-form .mobile-select .ant-form-item-control.focused {
      border-color: #b2d665;
      border-right-width: 1px !important;
      outline: 0;
      box-shadow: "0 0 0 2px rgb(154 202 63 / 20%)"; }
  .profile-page-root .personal-form .form-field-required .ant-form-item-label label:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-bottom: 8px !important; }
  .profile-page-root .personal-form .form-field-required .ant-form-item-label label:before {
    display: none !important; }
  .profile-page-root .personal-form .form-field-required .ant-input-prefix {
    margin-right: 10px; }
  .profile-page-root .personal-form .form-field-required .ant-form-item-control-input-content .ant-input-affix-wrapper-disabled {
    background-color: white;
    border: none; }
  .profile-page-root .personal-form .form-field-required .ant-form-item-control-input-content .ant-input[disabled] {
    color: #595a5c; }

input[autocomplete*="new-password"] {
  margin-left: 10px; }

.ant-form-item-required-remove .ant-form-item-label {
  margin-bottom: 10px; }
  .ant-form-item-required-remove .ant-form-item-label label.ant-form-item-required:before {
    display: none !important; }

.os-toast-notification {
  min-width: 200px; }

.number-without-spin {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .number-without-spin::-webkit-outer-spin-button, .number-without-spin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .number-without-spin[type="number"] {
    -moz-appearance: textfield; }

.os-info-icon-style {
  font-weight: 500;
  font-size: 18px;
  color: rgba(89, 90, 92, 0.5); }
  @media (max-width: 425px) {
    .os-info-icon-style {
      font-size: 16px; } }

.os-info-icon-style {
  cursor: help;
  font-weight: 500;
  font-size: 18px !important;
  color: rgba(89, 90, 92, 0.5) !important; }
  @media (max-width: 425px) {
    .os-info-icon-style {
      font-size: 16px !important; } }

.os-asterisk-sign {
  vertical-align: super !important;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  font-weight: 400; }

.ant-form-item-label label[for="linkedInUrl"] {
  color: #595a5c;
  font-size: 18px;
  font-weight: 500; }

.additional-info-upload-container {
  border-radius: 6px;
  z-index: 2;
  font-size: 16px;
  padding: 28px;
  flex-basis: 100%; }
  .additional-info-upload-container.companyInfo {
    position: relative;
    color: #9aca3f;
    background: rgba(230, 247, 251, 0.5);
    border: 1.5px dashed #8ed3e0; }
    .additional-info-upload-container.companyInfo input[type="file"] {
      display: block !important;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      cursor: pointer; }
    .additional-info-upload-container.companyInfo:hover {
      border-color: #4adbf9; }
  .additional-info-upload-container.videos {
    color: #9aca3f;
    background: rgba(230, 247, 251, 0.5);
    border: 1.5px dashed #8ed3e0; }
    .additional-info-upload-container.videos:hover {
      border-color: #4adbf9; }
    .additional-info-upload-container.videos .ba-videorecorder-container {
      border-radius: 6px; }
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-dashboard .ba-videorecorder-backbar {
        background: transparent !important; }
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-dashboard .ba-videorecorder-controlbar {
        bottom: 14px; }
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-norecorder {
        background-color: transparent; }
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-chooser-button-0,
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-button-primary {
        background-color: #48b6cb !important;
        color: #ffffff; }
      .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-chooser-button-1 {
        color: #48b6cb !important;
        background: rgba(72, 182, 203, 0.1);
        border: 1.5px solid #48b6cb;
        box-sizing: border-box;
        border-radius: 3px;
        margin-top: 24px; }
    .additional-info-upload-container.videos .video-question {
      font-size: 14px;
      font-weight: 500;
      text-align: justify;
      color: black; }
    .additional-info-upload-container.videos .video-thumbnail,
    .additional-info-upload-container.videos .video-recorder {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
      margin: 16px auto 32px auto; }
      .additional-info-upload-container.videos .video-thumbnail .delete-btn,
      .additional-info-upload-container.videos .video-recorder .delete-btn {
        position: absolute;
        right: 96px;
        top: -2px;
        align-self: flex-start;
        margin-left: 8px; }
  .additional-info-upload-container .uploader-container {
    background: transparent;
    background: transparent;
    min-height: 140px;
    border: none; }
    .additional-info-upload-container .uploader-container .uploader-with-ui-container i {
      display: none; }

.new-selection-status-indicator {
  position: absolute;
  left: 12px;
  top: 12px;
  height: 32px;
  width: 32px;
  background-color: #cecfd1;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 50px; }
  .new-selection-status-indicator.active {
    background-color: #9aca3f; }
  .new-selection-status-indicator.delete, .new-selection-status-indicator.bookmark {
    left: unset;
    right: 12px;
    top: 12px;
    background: #f15946;
    transform: scaleX(-1);
    cursor: pointer; }
  .new-selection-status-indicator.bookmark {
    background: #f7a52c !important; }
    .new-selection-status-indicator.bookmark.by-self {
      background: rgba(78, 171, 56, 0.2) !important; }
      .new-selection-status-indicator.bookmark.by-self path {
        stroke: #4eab38 !important; }

.vetted-tag {
  background-color: #891b9f;
  color: #fff;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
  padding: 8px 8px;
  white-space: nowrap; }
  @media (max-width: 425px) {
    .vetted-tag {
      padding: 6px 12px; } }

.check-rate {
  background-color: #fff;
  color: #48b6cb;
  border: 1px solid #48b6cb;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
  padding: 6px 8px;
  white-space: nowrap; }
  @media (max-width: 425px) {
    .check-rate {
      padding: 6px 12px; } }

.os-send-profile-modal-title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c;
  margin-bottom: 0; }

/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family: system-ui, -apple-system,
    /* Firefox supports this but not yet `system-ui` */
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: Roboto;
  /* 1 */
  line-height: 1.5;
  /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*,
::before,
::after {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-blur: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-brightness: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-contrast: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-grayscale: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-hue-rotate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-invert: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-saturate: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-sepia: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-drop-shadow: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.right-0 {
  right: 0;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.visible {
  visibility: visible;
}

.\!visible {
  visibility: visible !important;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0px;
}

.m-2 {
  margin: 0.5rem;
}

.m-4 {
  margin: 1rem;
}

.m-8 {
  margin: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-10 {
  margin-top: 2.5rem
    /* 40px */
  ;
  margin-bottom: 2.5rem
    /* 40px */
  ;
}

.my-14 {
  margin-top: 3.5rem
    /* 56px */
  ;
  margin-bottom: 3.5rem
    /* 56px */
  ;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.25rem;
}

.mt-8 {
  margin-top: 2rem
    /* 32px */
  ;
}

.mt-12 {
  margin-top: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-auto {
  margin-left: auto;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.table-row {
  display: table-row;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.h-8 {
  height: 2rem;
}

.h-full {
  height: 100%;
}

.max-h-28 {
  max-height: 7rem;
}

.min-h-screen {
  min-height: 100vh;
}

.w-8 {
  width: 2rem;
}

.w-32 {
    width: 8rem/* 128px */;
}

.w-full {
  width: 100%;
}

.min-w-9 {
  min-width: 9rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: var(--tw-transform);
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
}

.transform {
  transform: var(--tw-transform);
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.resize {
  resize: both;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-baseline {
  align-items: baseline;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.space-x-2> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-3> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-x-1> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-x-4> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.break-all {
  word-break: break-all;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.border {
  border-width: 1px;
}

.border-none {
  border: none;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-\[\#B5E8F1\] {
  --tw-border-opacity: 1;
  border-color: rgba(181, 232, 241, var(--tw-border-opacity));
}

.border-\[\#f3f3f3\] {
  --tw-border-opacity: 1;
  border-color: rgba(243, 243, 243, var(--tw-border-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-\[\#DFFAFF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(223, 250, 255, var(--tw-bg-opacity));
}

.bg-\[\#e0efc8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(224, 239, 200, var(--tw-bg-opacity));
}

.bg-\[\#e5e5e5\] {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
}

.bg-\[\#f6f6f7\] {
  --tw-bg-opacity: 1;
  background-color: rgba(246, 246, 247, var(--tw-bg-opacity));
}

.bg-\[\#ffeae8\] {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 234, 232, var(--tw-bg-opacity));
}

.bg-\[\#F5FDFF\] {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 253, 255, var(--tw-bg-opacity));
}

.p-3 {
  padding: 0.75rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-4 {
  padding: 1rem !important;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-0 {
  padding: 0px;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem
    /* 16px */
  ;
}

.pt-4 {
  padding-top: 1rem
    /* 16px */
  ;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.align-top {
  vertical-align: top;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-3xl {
    font-size: 1.875rem/* 30px */;
    line-height: 2.25rem/* 36px */;
}

.text-4xl {
  font-size: 2.25rem
    /* 36px */
  ;
  line-height: 2.5rem
    /* 40px */
  ;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

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

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

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.text-\[\#48B6CB\] {
  --tw-text-opacity: 1;
  color: rgba(72, 182, 203, var(--tw-text-opacity));
}

.text-\[\#222222\] {
  --tw-text-opacity: 1;
  color: #222222;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-\[\#9aca3e\] {
  --tw-text-opacity: 1;
  color: rgba(154, 202, 62, var(--tw-text-opacity));
}

.text-\[\#acacad\] {
  --tw-text-opacity: 1;
  color: rgba(172, 172, 173, var(--tw-text-opacity));
}

.text-opacity-1 {
  opacity: 1;
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
  opacity: .5;
}

.text-opacity-60 {
  --tw-text-opacity: 0.6;
  opacity: .6;
}

.text-opacity-70 {
  --tw-text-opacity: 0.7;
  opacity: .7;
}

.text-opacity-90 {
  --tw-text-opacity: 0.9;
  opacity: .9;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


.underline {
  text-decoration: underline;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-filter);
}

.filter {
  filter: var(--tw-filter);
}

.\!filter {
  filter: var(--tw-filter) !important;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}
.whitespace-break-spaces {
  white-space: break-spaces !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}

@media (min-width: 640px) {
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px) {
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.ec .ant-tabs .ant-tabs-nav {
  position: sticky;
  top: 7rem;
  z-index: 999;
  background: #F4F4F4;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #d6d8db; }
  .ec .ant-tabs .ant-tabs-nav .ant-tabs-nav-list {
    font-size: 16px; }
    .ec .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
      color: var(--gray-500, #667085);
      background-color: transparent; }
      .ec .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-content {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px; }
    .ec .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active {
      background-color: #FAFAFA;
      border-bottom: 2px solid #48B6CB; }
      .ec .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .tab-content {
        color: #48B6CB;
        font-weight: 500;
        line-height: 24px; }

.ec .shortlist-tab-heading {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px; }

.ec .page-heading {
  color: #1D2939;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 4px; }

.ec .page-heading-details {
  color: #595A5C;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

.ec .shortlisted-candidates-sub-heading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: #595a5c;
  margin-bottom: 24px; }

.ec .empty-state {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05); }
  .ec .empty-state .content {
    display: flex;
    height: 440px;
    padding: 30px 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch; }
  .ec .empty-state .heading {
    font-family: Roboto;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    color: #9ACA3F; }
  .ec .empty-state .detail {
    font-style: normal;
    font-size: 16px;
    line-height: 200%;
    color: #59515C; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #9aca3f;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #9aca3f;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #9aca3f;
  border-radius: 4px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #9aca3f;
  border-color: #9aca3f;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(89, 90, 92, 0.3);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #f3f3f3 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #f3f3f3;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #9aca3f;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(89, 90, 92, 0.3);
  border-color: rgba(89, 90, 92, 0.3);
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #fcfff0;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #9aca3f;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #9aca3f;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #f9fced;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #9aca3f;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #9aca3f;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #9aca3f;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #f3f3f3;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #f3f3f3;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

.vb-panel-page-container .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  background-color: transparent; }

.vb-panel-page-container .ant-table-container {
  border: 1px solid var(--Gray-200, #eaecf0);
  background: var(--White, #fff);
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); }
  .vb-panel-page-container .ant-table-container .ant-table-thead .ant-table-cell {
    color: #667085;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid var(--Gray-200, #eaecf0);
    background: var(--Gray-50, #f9fafb); }
  .vb-panel-page-container .ant-table-container .ant-table-body .ant-table-row:hover {
    cursor: pointer; }
  .vb-panel-page-container .ant-table-container .ant-table-body .ant-table-cell {
    color: #667085;
    font-size: 14px; }

.vb-panel-page-container .box-listing-vb {
  padding: 23px 14px 17px 14px; }

.vb-panel-page-container .heading-vb {
  color: #595a5c; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #f5222d;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #f5222d;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(89, 90, 92, 0.5);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #595a5c;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(89, 90, 92, 0.5);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(89, 90, 92, 0.5);
  cursor: help;
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(89, 90, 92, 0.5);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #52c41a;
}
.ant-form-item-feedback-icon-error {
  color: #f5222d;
}
.ant-form-item-feedback-icon-warning {
  color: #faad14;
}
.ant-form-item-feedback-icon-validating {
  color: #9aca3f;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}

@use 'sass:map';
.profile-info {
  display: flex;
  margin-top: 24px; }
  .profile-info .profile-info-section {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 140px;
    padding: 12px 26px;
    background: #f5fdff;
    border: 1px solid #b5e8f1;
    box-sizing: border-box;
    border-radius: 6px;
    margin-right: 24px;
    color: #48b6cb;
    cursor: pointer;
    transition: all 0.6s; }
    .profile-info .profile-info-section .content-label {
      color: #48b6cb;
      font-size: 18px;
      line-height: 24px; }
    .profile-info .profile-info-section .content-icon path {
      fill: #48b6cb !important; }
  .profile-info .profile-info-section:hover,
  .profile-info .profile-info-section.valid {
    background: white;
    border: 1px solid #4eab38; }
    .profile-info .profile-info-section:hover .content-icon path,
    .profile-info .profile-info-section.valid .content-icon path {
      fill: #4eab38 !important; }
    .profile-info .profile-info-section:hover .content-label,
    .profile-info .profile-info-section.valid .content-label {
      color: #4eab38; }
  .profile-info .profile-info-section:hover {
    border: 1px dashed #4eab38; }

.add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: rgba(114, 112, 107, 0.3);
  border-radius: 4px;
  font-size: 16px;
  color: #000000;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  opacity: 0.6; }
  .add-button > svg {
    height: 20px;
    color: black;
    margin-right: 10px;
    opacity: 1; }

.project-add-button {
  background-color: #e3f7fc;
  border: 1px solid #49cbdd;
  color: #49cbdd;
  opacity: 1;
  transition: background-color 2s ease-out 100ms; }
  .project-add-button * {
    fill: #49cbdd; }
  .project-add-button:hover {
    background-color: #e3f7fcf5;
    opacity: 0.85; }

.experience input {
  text-align: center; }

.additional-into-item .professional-card .info-card {
  padding: 8px 0px !important; }

.additional-into-item .professional-card .sample-item {
  margin-top: 18px; }

.additional-into-item .professional-card .section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  justify-items: center;
  opacity: 1; }
  .additional-into-item .professional-card .section-heading .section-title {
    font-size: 20px;
    color: #595a5c; }
  .additional-into-item .professional-card .section-heading__btn--action {
    background: #eef6ea;
    opacity: 1;
    color: #9aca3f;
    font-weight: 700;
    box-shadow: 0 0 0px 0.8px; }

.skills {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap; }
  .skills .heading {
    font-size: 16px;
    line-height: 21px;
    color: #595a5c; }
  .skills .skill {
    font-size: 14px;
    cursor: pointer;
    background: #e1f8fd;
    border-radius: 6px;
    padding: 4px 16px;
    color: #48b6cb;
    line-height: 19px; }

@use 'sass:map';
.professional-card {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: white;
  max-width: 800;
  margin: 12px auto 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 18px;
  color: #595a5c; }
  .professional-card label {
    color: #595a5c; }
  @media (max-width: 425px) {
    .professional-card {
      margin: 30px auto;
      padding: 10px; } }

@use 'sass:map';
.os-navigation {
  box-sizing: border-box;
  position: relative;
  padding-top: 36px;
  max-width: 800px;
  margin: auto;
  margin-top: 64px; }
  .os-navigation .back-button {
    position: absolute;
    left: 0;
    cursor: pointer;
    background-color: #fff;
    border-radius: 24px;
    padding: 8px 16px;
    color: #72706bb3;
    width: max-content;
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .os-navigation .back-button span {
      margin-left: 4px; }
  .os-navigation .os-container {
    max-width: 504px;
    width: 100%;
    justify-self: center;
    position: relative; }
  @media (max-width: 768px) {
    .os-navigation {
      padding: 40px 64px 0;
      flex-direction: column; }
      .os-navigation .back-button {
        position: unset; } }
  @media (max-width: 425px) {
    .os-navigation {
      padding: 20px;
      margin-top: 48px;
      max-width: 85%; } }
  .os-navigation .os-progressbar {
    position: relative; }
    .os-navigation .os-progressbar .circle-container {
      display: flex;
      justify-content: space-evenly;
      max-width: 90%;
      width: 90%;
      margin: auto auto 100px; }
      @media (max-width: 425px) {
        .os-navigation .os-progressbar .circle-container {
          margin: auto auto 52px; } }
      .os-navigation .os-progressbar .circle-container .circle {
        width: 62px;
        height: 62px;
        border-radius: 50%;
        position: relative;
        z-index: 2;
        transition: 0.4s ease;
        border: 1px solid #b5e8f1;
        background-color: #f5fdff;
        cursor: pointer !important; }
        .os-navigation .os-progressbar .circle-container .circle .icon {
          font-size: 20px;
          text-align: center;
          color: var(--grey-color);
          display: flex;
          align-items: center;
          justify-content: center;
          height: 48px;
          margin: 5px 0; }
          .os-navigation .os-progressbar .circle-container .circle .icon svg path {
            fill: #48b6cb; }
        @media (max-width: 425px) {
          .os-navigation .os-progressbar .circle-container .circle {
            height: 48px;
            width: 48px; }
            .os-navigation .os-progressbar .circle-container .circle .icon {
              height: 36px; }
              .os-navigation .os-progressbar .circle-container .circle .icon svg {
                height: 22px;
                width: 22px; } }
        .os-navigation .os-progressbar .circle-container .circle:not(:first-child):before {
          content: "";
          background-color: #f5fdff;
          width: 100%;
          position: absolute;
          right: 60px;
          height: 6px;
          top: 50%;
          z-index: -3; }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle:not(:first-child):before {
              right: 40px;
              width: 65%; } }
        .os-navigation .os-progressbar .circle-container .circle:not(:last-child):after {
          content: "";
          width: 100%;
          position: absolute;
          left: 60px;
          height: 6px;
          background-color: #f5fdff;
          top: 50%;
          z-index: -3; }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle:not(:last-child):after {
              left: 40px;
              width: 70%; } }
        @media (max-width: 375px) {
          .os-navigation .os-progressbar .circle-container .circle:before, .os-navigation .os-progressbar .circle-container .circle:after {
            width: 28%; } }
        @media (max-width: 320px) {
          .os-navigation .os-progressbar .circle-container .circle:before {
            width: 42% !important;
            right: 36px; }
          .os-navigation .os-progressbar .circle-container .circle:after {
            width: 42% !important;
            left: 36px; } }
        .os-navigation .os-progressbar .circle-container .circle.completed {
          border: 1px solid #9aca3f;
          background-color: #9aca3f;
          cursor: default; }
          .os-navigation .os-progressbar .circle-container .circle.completed div:nth-child(2) h3 {
            color: #9aca3f; }
          .os-navigation .os-progressbar .circle-container .circle.completed .icon svg path {
            fill: #fff; }
          .os-navigation .os-progressbar .circle-container .circle.completed:before, .os-navigation .os-progressbar .circle-container .circle.completed:after {
            background-color: #9aca3f; }
          .os-navigation .os-progressbar .circle-container .circle.completed:not(:first-child):before {
            content: "";
            width: 100%;
            position: absolute;
            right: 60px;
            height: 6px;
            top: 50%;
            z-index: -1; }
          @media (max-width: 1024px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:first-child):before {
              width: 100%;
              right: 60px; } }
          @media (max-width: 768px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:first-child):before {
              width: 38%; } }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:first-child):before {
              width: 95%;
              right: 32px; } }
          .os-navigation .os-progressbar .circle-container .circle.completed:not(:last-child):after {
            content: "";
            width: 100%;
            position: absolute;
            left: 60px;
            height: 6px;
            top: 50%;
            z-index: -1; }
          @media (max-width: 1024px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:last-child):after {
              width: 110%; } }
          @media (max-width: 768px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:last-child):after {
              width: 78%; } }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle.completed:not(:last-child):after {
              width: 80%;
              left: 40px; } }
        .os-navigation .os-progressbar .circle-container .circle.active {
          background-color: #48b6cb;
          border: 1px solid #48b6cb; }
          .os-navigation .os-progressbar .circle-container .circle.active div:nth-child(2) h3 {
            color: #48b6cb;
            font-weight: 500; }
          .os-navigation .os-progressbar .circle-container .circle.active .icon svg path {
            fill: #fff; }
          .os-navigation .os-progressbar .circle-container .circle.active:before, .os-navigation .os-progressbar .circle-container .circle.active:after {
            background-color: #48b6cb; }
          .os-navigation .os-progressbar .circle-container .circle.active:not(:first-child):before {
            content: "";
            width: 100%;
            position: absolute;
            right: 60px;
            height: 6px;
            top: 50%;
            z-index: -1; }
          @media (max-width: 1024px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:first-child):before {
              width: 75%; } }
          @media (max-width: 768px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:first-child):before {
              width: 50%; } }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:first-child):before {
              width: 83%;
              right: 40px; } }
          .os-navigation .os-progressbar .circle-container .circle.active:not(:last-child):after {
            content: "";
            width: 85%;
            position: absolute;
            left: 60px;
            height: 6px;
            top: 50%;
            z-index: -1; }
          @media (max-width: 1024px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:last-child):after {
              width: 110%; } }
          @media (max-width: 768px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:last-child):after {
              width: 78%; } }
          @media (max-width: 425px) {
            .os-navigation .os-progressbar .circle-container .circle.active:not(:last-child):after {
              width: 95%;
              left: 40px; } }

.os-nav-title {
  position: absolute;
  top: 69px;
  max-width: 171px;
  left: -28%;
  text-align: center; }
  .os-nav-title h3 {
    font-size: 20px;
    margin-bottom: 0;
    color: #72706bb3;
    font-weight: 400;
    text-align: center;
    user-select: none;
    line-height: 24px; }
  @media (max-width: 1024px) {
    .os-nav-title {
      left: -36px;
      width: 130px; }
      .os-nav-title h3 {
        font-size: 16px;
        text-align: center;
        margin-top: 2px; } }
  @media (max-width: 768px) {
    .os-nav-title {
      left: -36px;
      width: 134px;
      top: 44px; }
      .os-nav-title h3 {
        font-size: 14px;
        margin-top: 24px; } }
  @media (max-width: 425px) {
    .os-nav-title {
      left: -8px;
      width: 60px;
      top: 34px; }
      .os-nav-title h3 {
        transform: scale(0.85);
        margin-top: 18px; } }
  @media (max-width: 375px) {
    .os-nav-title h3 {
      transform: scale(0.75); } }

@use 'sass:map';
.application-completed-modal .modal-icon {
  text-align: center;
  margin-top: -65px; }
  @media (max-width: 768px) {
    .application-completed-modal .modal-icon {
      margin-top: -80px; } }

.application-completed-modal .modal-header {
  text-align: center;
  font-size: 35px;
  color: #595a5c; }
  @media (max-width: 768px) {
    .application-completed-modal .modal-header {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 12px; } }

.application-completed-modal .modal-content {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: rgba(89, 90, 92, 0.5);
  text-align: left; }
  @media (max-width: 768px) {
    .application-completed-modal .modal-content {
      margin: 0px 20px 10px 20px;
      font-size: 16px;
      line-height: 20px;
      overflow: hidden !important; } }

.application-completed-modal .modal-sub-content {
  margin-bottom: 20px; }

.application-completed-modal .firm-modal-sub-content {
  color: #9aca3f;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center; }

.application-completed-modal .button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  opacity: 1;
  margin: 20px 0px 20px 0px; }
  @media (max-width: 768px) {
    .application-completed-modal .button-wrapper {
      flex-direction: column;
      margin: 0px 0px 10px 0px; } }
  .application-completed-modal .button-wrapper .or {
    margin-left: -80px;
    margin-right: -80px;
    font-size: 20px;
    font-weight: 400;
    color: rgba(89, 90, 92, 0.5); }
    @media (max-width: 768px) {
      .application-completed-modal .button-wrapper .or {
        font-size: 16px;
        margin: 5px; } }
  .application-completed-modal .button-wrapper .skip-profile {
    background: white;
    color: #48b6cb;
    border: 1px solid #48b6cb; }
    .application-completed-modal .button-wrapper .skip-profile:hover, .application-completed-modal .button-wrapper .skip-profile:active, .application-completed-modal .button-wrapper .skip-profile:focus {
      border: 1px solid #48b6cb; }
  .application-completed-modal .button-wrapper button {
    background: #9aca3f;
    color: #fff;
    width: 186px;
    font-size: 16px; }
  .application-completed-modal .button-wrapper button:disabled {
    color: rgba(89, 90, 92, 0.3);
    background: #f5f5f5; }

@use 'sass:map';
.word-preference-root .work-form .ant-select {
  width: 127px !important; }
  .word-preference-root .work-form .ant-select .ant-select-selector {
    height: 60px !important;
    background-color: #ffffff;
    color: #595a5c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px; }
    .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-selection-search {
      height: 60px !important; }
      .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-selection-search input {
        height: 60px !important; }
        .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-selection-search input.focused {
          border: 1.5px solid #48b6cb;
          border-color: #48b6cb !important;
          border-radius: 3px; }
      @media (max-width: 568px) {
        .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-selection-search {
          height: 45px !important;
          width: 115px !important; }
          .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-selection-search .input {
            height: 45px !important; } }
    .word-preference-root .work-form .ant-select .ant-select-selector:hover, .word-preference-root .work-form .ant-select .ant-select-selector:active, .word-preference-root .work-form .ant-select .ant-select-selector:focus, .word-preference-root .work-form .ant-select .ant-select-selector.focused {
      border: 1.5px solid #48b6cb !important;
      border-color: #48b6cb !important;
      border-radius: 3px; }
    .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-item-option-selected:hover, .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-item-option-selected:active, .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-item-option-selected:focus, .word-preference-root .work-form .ant-select .ant-select-selector .ant-select-item-option-selected.focused {
      border: 1.5px solid #48b6cb !important;
      border-color: #48b6cb !important;
      border-radius: 3px; }
    @media (max-width: 568px) {
      .word-preference-root .work-form .ant-select .ant-select-selector {
        height: 45px !important; } }
  @media (max-width: 568px) {
    .word-preference-root .work-form .ant-select {
      width: 115px !important; } }

.word-preference-root .work-form .rate-input input.focused, .word-preference-root .work-form .rate-input input:hover, .word-preference-root .work-form .rate-input input:active, .word-preference-root .work-form .rate-input input:focus {
  border: 1.5px solid #48b6cb !important;
  border-color: #48b6cb !important;
  border-radius: 3px; }

.word-preference-root .work-footer {
  display: "inline";
  margin-top: 4px; }
  @media (max-width: 568px) {
    .word-preference-root .work-footer {
      display: flex;
      margin-top: 15px;
      align-items: center; } }

@charset "UTF-8";
@use 'sass:map';
.linkedin-modal {
  padding: 0px 0px 18px; }
  .linkedin-modal .linkedin-modal-loading-title {
    margin-top: 30px; }
  .linkedin-modal .linkedin-icon {
    text-align: center;
    margin-top: -13px; }
  .linkedin-modal .linkdin-tutorial-link {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 16px; }
    .linkedin-modal .linkdin-tutorial-link .video-link {
      margin-left: 10px;
      border: 1px solid rgba(89, 90, 92, 0.4);
      padding: 0px 7px;
      border-radius: 5px;
      font-size: 12px; }
      .linkedin-modal .linkdin-tutorial-link .video-link .icon-video {
        padding-left: 6px; }
  .linkedin-modal .linkdin-tutorial-msg {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 14px;
    color: red; }
    .linkedin-modal .linkdin-tutorial-msg a {
      text-decoration: underline; }
  .linkedin-modal .linkdin-tutorial-change {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 14px; }
  .linkedin-modal .linkdin-tutorial-informicon {
    margin-right: 1%;
    height: 20px;
    position: relative;
    bottom: -3px; }
  .linkedin-modal h1 {
    text-align: center;
    font-size: 43px;
    color: #595a5c;
    margin-top: 4px; }
  .linkedin-modal .modal-content {
    font-size: 18px;
    line-height: 26px;
    color: rgba(89, 90, 92, 0.7); }
    .linkedin-modal .modal-content .ant-input:hover,
    .linkedin-modal .modal-content .ant-input:focus {
      border: 1.5px solid #48b6cb;
      --antd-wave-shadow-color: #48b6cb; }
    .linkedin-modal .modal-content input {
      margin-bottom: 30px;
      background-color: #f5f7fb; }
    .linkedin-modal .modal-content .mb-40 {
      margin-bottom: 40px; }
    .linkedin-modal .modal-content .confirming-content {
      margin-bottom: 30px; }
      .linkedin-modal .modal-content .confirming-content .confirming-sub-content {
        color: #595a5c;
        margin-bottom: 14px; }
      .linkedin-modal .modal-content .confirming-content .ant-col::before {
        content: "\2022   "; }
  .linkedin-modal .mobile-linkedin {
    display: none; }
  .linkedin-modal .modal-sub-content {
    margin-bottom: 20px; }
  .linkedin-modal .modal-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-top: 20px; }
    .linkedin-modal .modal-button-wrapper button {
      background: #9aca3f;
      color: #fff;
      width: 150px; }
    .linkedin-modal .modal-button-wrapper button:disabled {
      color: rgba(89, 90, 92, 0.3);
      background: #f5f5f5; }
  .linkedin-modal .confirming-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    opacity: 1;
    margin-top: 20px; }
    .linkedin-modal .confirming-button-wrapper .confirm {
      background: white;
      color: #595a5c; }
    .linkedin-modal .confirming-button-wrapper button {
      background: #9aca3f;
      color: #fff;
      width: 150px; }
    .linkedin-modal .confirming-button-wrapper button:disabled {
      color: rgba(89, 90, 92, 0.3);
      background: #f5f5f5; }
  .linkedin-modal .linkedin-guide {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row; }
    .linkedin-modal .linkedin-guide .linkedin-circle {
      background: rgba(72, 182, 203, 0.2);
      width: 30px;
      height: 30px;
      border-radius: 15px;
      display: flex;
      justify-content: center;
      margin-right: 10px; }
      .linkedin-modal .linkedin-guide .linkedin-circle p {
        font-weight: bold;
        color: #48b6cb;
        margin-top: 2px; }
    .linkedin-modal .linkedin-guide .linkedin-container p {
      opacity: 0.7; }
  .linkedin-modal .linkedin-profile-guide {
    margin-bottom: 48px; }
    .linkedin-modal .linkedin-profile-guide .settings {
      position: absolute;
      left: 115px;
      margin-top: 100px; }
    .linkedin-modal .linkedin-profile-guide .toggle {
      position: absolute;
      left: 115px;
      margin-top: 15px; }
    .linkedin-modal .linkedin-profile-guide .stroke {
      position: absolute;
      right: 70px;
      margin-top: 80px; }
    .linkedin-modal .linkedin-profile-guide .stroke-2 {
      position: absolute;
      right: 64px;
      margin-top: 250px; }
    .linkedin-modal .linkedin-profile-guide .error {
      position: absolute;
      right: 64px;
      margin-top: 90px;
      background: #c4c4c4;
      border: 5px solid #ff3636;
      border-radius: 8px; }
  @media (max-width: 768px) {
    .linkedin-modal .modal-content {
      font-size: 16px; }
    .linkedin-modal .linkedin-profile-guide {
      display: none; }
    .linkedin-modal .mobile-linkedin {
      width: 270px;
      display: flex; } }
  @media (max-width: 768px) {
    .linkedin-modal h1 {
      font-size: 18px;
      margin-bottom: 25px; }
    .linkedin-modal .linkdin-tutorial-link {
      width: 100%;
      font-size: 12px; }
      .linkedin-modal .linkdin-tutorial-link .video-link {
        margin-left: 10px;
        border: 1px solid rgba(89, 90, 92, 0.4);
        padding: 0px 7px;
        border-radius: 5px;
        font-size: 14px; }
        .linkedin-modal .linkdin-tutorial-link .video-link .icon-video {
          padding-left: 6px; }
    .linkedin-modal .linkedin-input {
      width: 100%;
      height: 40px;
      margin: auto; }
      .linkedin-modal .linkedin-input .ant-input {
        height: 40px;
        font-size: 13px; }
    .linkedin-modal .linkdin-tutorial-msg {
      width: 100%;
      font-size: 12px; }
    .linkedin-modal .linkdin-tutorial-change {
      width: 100%;
      font-size: 12px; }
    .linkedin-modal .ModalComponent-header-3 {
      margin-left: 5%;
      text-align: center; }
    .linkedin-modal .ModalComponent-cancel-2 {
      align-items: flex-start; } }

.linkedin-input {
  margin: auto;
  width: 85%; }
  .linkedin-input .ant-input {
    height: 55px;
    background: #f5f7fb;
    border-color: #f5f7fb;
    color: #595a5c; }

.demo-modal-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.demo-modal-content-one {
  background-color: #f6f8fa;
  border-radius: 15px;
  padding: 22px;
  height: 543px;
  margin: 9px;
  width: 303px; }
  .demo-modal-content-one p {
    font-size: 16px; }

.demo-header {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #48b6cb;
  margin-bottom: 16px; }

.step1-img {
  background-color: #c4c4c4;
  border-radius: 10px;
  margin-top: 30px;
  text-align: center; }

.step1-img.mobile {
  margin-top: 16px;
  background-color: transparent; }
  .step1-img.mobile img {
    object-fit: scale-down;
    max-height: 300px;
    width: 100%;
    border-radius: 10px; }

.step3-img {
  position: relative;
  text-align: center;
  height: 370px;
  background-color: white;
  border-radius: 10px; }

.loaders {
  width: 13%;
  margin: auto;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite; }

.btnText {
  margin-left: -35px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px; }

.updatebtnText {
  margin-left: -25px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px; }

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

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

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

.linkedin-modal-loader-title {
  margin-top: 30px; }
  .linkedin-modal-loader-title h1 {
    font-size: 43px;
    text-align: center; }

.linkedin-modal-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  margin-left: 28%; }

.checked-icon {
  position: relative;
  top: -8px;
  left: 24px; }

.linkedin-modal-title-congrats h3 {
  color: #9aca3f;
  text-align: center;
  font-size: 24px;
  margin-top: 10px; }

.linkedin-modal-title-message {
  font-size: "20px";
  color: "rgba(89, 90, 92, 0.5)"; }

@media (max-width: 768px) {
  .loaders {
    width: 21%; }
  .linkedin-modal-loader-title {
    margin-top: 30px; }
    .linkedin-modal-loader-title h1 {
      font-size: 22px;
      text-align: center; }
  .linkedin-modal-list {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 9%;
    width: 100%; }
  .linkedin-modal-title-message {
    text-align: center; }
  .demo-modal-content-one {
    width: 265px;
    height: 475px; }
  .mobile-linkedin {
    height: 265px !important; }
  .demo-header {
    font-size: 24px;
    margin-bottom: 12px; }
  .btnText {
    margin-left: -25px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px; }
  .updatebtnText {
    margin-left: -15px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px; } }

.slider {
  position: relative;
  height: 475px;
  display: flex;
  justify-content: center;
  align-items: center; }

.image {
  width: 1000px;
  height: 600px;
  border-radius: 10px; }

.right-arrow {
  font-size: 3rem;
  color: #000;
  z-index: 10;
  cursor: pointer;
  user-select: none; }

.left-arrow {
  font-size: 3rem;
  color: #000;
  z-index: 10;
  cursor: pointer;
  user-select: none; }

.slide {
  opacity: 0;
  transition-duration: 1s ease; }

.slide.active {
  opacity: 1;
  transition-duration: 1s;
  transform: scale(1.08); }

.slider-control {
  position: fixed;
  bottom: 32px;
  left: 50%;
  z-index: 999;
  transform: translateX(-50%); }

.leftIcon {
  position: relative;
  top: -12px;
  right: 20px; }

.rightIcon {
  position: relative;
  top: -12px;
  right: 33px; }

@use 'sass:map';
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 6px; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper:hover {
  color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #48b6cb;
  border-color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #48b6cb;
  border-color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #48b6cb !important; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(63, 167, 202, 0.12) !important; }

.new-os-form-container .new-form-label {
  margin-bottom: 20px; }
  .new-os-form-container .new-form-label .ant-form-item-label {
    font-weight: 500;
    color: #344054;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px; }
    .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after {
      display: inline-block !important;
      margin-right: 4px;
      color: #ff4d4f;
      font-size: 14px;
      font-family: SimSun, sans-serif;
      line-height: 1;
      content: "*";
      font-weight: 400;
      margin-left: 5px; }
    .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before {
      display: none !important; }
  .new-os-form-container .new-form-label .ant-input-affix-wrapper,
  .new-os-form-container .new-form-label .ant-picker,
  .new-os-form-container .new-form-label textarea.ant-input {
    border: 1.5px solid #e6eaed;
    border-radius: 3px; }
  .new-os-form-container .new-form-label .ant-picker.ant-picker-large {
    width: 100%; }
  .new-os-form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
    position: absolute;
    transform: scale(1.5);
    color: currentColor; }
  .new-os-form-container .new-form-label .ant-picker .ant-picker-input input {
    margin-left: 28px; }

.new-os-form-container .inline-form-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px; }
  @media (max-width: 768px) {
    .new-os-form-container .inline-form-elements {
      display: flex;
      flex-flow: column; } }

@use 'sass:map';
.os-send-profile-modal .ant-modal-header {
  border-bottom: none;
  padding-bottom: 0; }

.os-send-profile-modal .os-send-profile-modal-title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c;
  margin-bottom: 0; }

.os-send-profile-modal .os-send-profile-modal-sub-title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
  color: #595a5c; }

.os-send-profile-modal .os-send-profile-modal-label {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c; }

.os-send-profile-modal .to-input.ant-form-item-has-error .ant-form-item-control-input {
  border-color: #f15946 !important; }

.os-send-profile-modal .to-input.ant-form-item-has-error .ant-input:focus {
  border: none !important;
  box-shadow: none !important; }

.os-send-profile-modal .to-input .ant-form-item-control-input {
  border: 1.5px solid #f3f3f3;
  padding: 10px;
  border-radius: 5px; }

.os-send-profile-modal .new-form-label .ant-form-item-label label.ant-form-item-required:after {
  display: inline-block !important;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
  font-weight: 400;
  position: relative;
  top: -4px; }

.os-send-profile-modal .new-form-label .ant-form-item-label label.ant-form-item-required:before {
  display: none !important; }

.mobile-masked-input .ant-input-affix-wrapper {
  background: white;
  height: 38px;
  min-height: 38px !important;
  border-radius: 3px;
  border: 1.5px solid #f3f3f3 !important; }
  .mobile-masked-input .ant-input-affix-wrapper input#adminMobile {
    padding: 10px; }
  .mobile-masked-input .ant-input-affix-wrapper .ant-input-suffix {
    margin: 10px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #595a5c;
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(89, 90, 92, 0.5);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(89, 90, 92, 0.5);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(89, 90, 92, 0.5);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(89, 90, 92, 0.5);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(89, 90, 92, 0.5);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}

@charset "UTF-8";
@use 'sass:map';
.linkedin-modal {
  padding: 0px 0px 18px; }
  .linkedin-modal .linkedin-modal-loading-title {
    margin-top: 30px; }
  .linkedin-modal .linkedin-icon {
    text-align: center;
    margin-top: -13px; }
  .linkedin-modal .linkdin-tutorial-link {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 16px; }
    .linkedin-modal .linkdin-tutorial-link .video-link {
      margin-left: 10px;
      border: 1px solid rgba(89, 90, 92, 0.4);
      padding: 0px 7px;
      border-radius: 5px;
      font-size: 12px; }
      .linkedin-modal .linkdin-tutorial-link .video-link .icon-video {
        padding-left: 6px; }
  .linkedin-modal .linkdin-tutorial-msg {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 14px;
    color: red; }
    .linkedin-modal .linkdin-tutorial-msg a {
      text-decoration: underline; }
  .linkedin-modal .linkdin-tutorial-change {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    font-size: 14px; }
  .linkedin-modal .linkdin-tutorial-informicon {
    margin-right: 1%;
    height: 20px;
    position: relative;
    bottom: -3px; }
  .linkedin-modal h1 {
    text-align: center;
    font-size: 43px;
    color: #595a5c;
    margin-top: 4px; }
  .linkedin-modal .modal-content {
    font-size: 18px;
    line-height: 26px;
    color: rgba(89, 90, 92, 0.7); }
    .linkedin-modal .modal-content .ant-input:hover,
    .linkedin-modal .modal-content .ant-input:focus {
      border: 1.5px solid #48b6cb;
      --antd-wave-shadow-color: #48b6cb; }
    .linkedin-modal .modal-content input {
      margin-bottom: 30px;
      background-color: #f5f7fb; }
    .linkedin-modal .modal-content .mb-40 {
      margin-bottom: 40px; }
    .linkedin-modal .modal-content .confirming-content {
      margin-bottom: 30px; }
      .linkedin-modal .modal-content .confirming-content .confirming-sub-content {
        color: #595a5c;
        margin-bottom: 14px; }
      .linkedin-modal .modal-content .confirming-content .ant-col::before {
        content: "\2022   "; }
  .linkedin-modal .mobile-linkedin {
    display: none; }
  .linkedin-modal .modal-sub-content {
    margin-bottom: 20px; }
  .linkedin-modal .modal-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-top: 20px; }
    .linkedin-modal .modal-button-wrapper button {
      background: #9aca3f;
      color: #fff;
      width: 150px; }
    .linkedin-modal .modal-button-wrapper button:disabled {
      color: rgba(89, 90, 92, 0.3);
      background: #f5f5f5; }
  .linkedin-modal .confirming-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    opacity: 1;
    margin-top: 20px; }
    .linkedin-modal .confirming-button-wrapper .confirm {
      background: white;
      color: #595a5c; }
    .linkedin-modal .confirming-button-wrapper button {
      background: #9aca3f;
      color: #fff;
      width: 150px; }
    .linkedin-modal .confirming-button-wrapper button:disabled {
      color: rgba(89, 90, 92, 0.3);
      background: #f5f5f5; }
  .linkedin-modal .linkedin-guide {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row; }
    .linkedin-modal .linkedin-guide .linkedin-circle {
      background: rgba(72, 182, 203, 0.2);
      width: 30px;
      height: 30px;
      border-radius: 15px;
      display: flex;
      justify-content: center;
      margin-right: 10px; }
      .linkedin-modal .linkedin-guide .linkedin-circle p {
        font-weight: bold;
        color: #48b6cb;
        margin-top: 2px; }
    .linkedin-modal .linkedin-guide .linkedin-container p {
      opacity: 0.7; }
  .linkedin-modal .linkedin-profile-guide {
    margin-bottom: 48px; }
    .linkedin-modal .linkedin-profile-guide .settings {
      position: absolute;
      left: 115px;
      margin-top: 100px; }
    .linkedin-modal .linkedin-profile-guide .toggle {
      position: absolute;
      left: 115px;
      margin-top: 15px; }
    .linkedin-modal .linkedin-profile-guide .stroke {
      position: absolute;
      right: 70px;
      margin-top: 80px; }
    .linkedin-modal .linkedin-profile-guide .stroke-2 {
      position: absolute;
      right: 64px;
      margin-top: 250px; }
    .linkedin-modal .linkedin-profile-guide .error {
      position: absolute;
      right: 64px;
      margin-top: 90px;
      background: #c4c4c4;
      border: 5px solid #ff3636;
      border-radius: 8px; }
  @media (max-width: 768px) {
    .linkedin-modal .modal-content {
      font-size: 16px; }
    .linkedin-modal .linkedin-profile-guide {
      display: none; }
    .linkedin-modal .mobile-linkedin {
      width: 270px;
      display: flex; } }
  @media (max-width: 768px) {
    .linkedin-modal h1 {
      font-size: 18px;
      margin-bottom: 25px; }
    .linkedin-modal .linkdin-tutorial-link {
      width: 100%;
      font-size: 12px; }
      .linkedin-modal .linkdin-tutorial-link .video-link {
        margin-left: 10px;
        border: 1px solid rgba(89, 90, 92, 0.4);
        padding: 0px 7px;
        border-radius: 5px;
        font-size: 14px; }
        .linkedin-modal .linkdin-tutorial-link .video-link .icon-video {
          padding-left: 6px; }
    .linkedin-modal .linkedin-input {
      width: 100%;
      height: 40px;
      margin: auto; }
      .linkedin-modal .linkedin-input .ant-input {
        height: 40px;
        font-size: 13px; }
    .linkedin-modal .linkdin-tutorial-msg {
      width: 100%;
      font-size: 12px; }
    .linkedin-modal .linkdin-tutorial-change {
      width: 100%;
      font-size: 12px; }
    .linkedin-modal .ModalComponent-header-3 {
      margin-left: 5%;
      text-align: center; }
    .linkedin-modal .ModalComponent-cancel-2 {
      align-items: flex-start; } }

.linkedin-input {
  margin: auto;
  width: 85%; }
  .linkedin-input .ant-input {
    height: 55px;
    background: #f5f7fb;
    border-color: #f5f7fb;
    color: #595a5c; }

.demo-modal-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.demo-modal-content-one {
  background-color: #f6f8fa;
  border-radius: 15px;
  padding: 22px;
  height: 543px;
  margin: 9px;
  width: 303px; }
  .demo-modal-content-one p {
    font-size: 16px; }

.demo-header {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #48b6cb;
  margin-bottom: 16px; }

.step1-img {
  background-color: #c4c4c4;
  border-radius: 10px;
  margin-top: 30px;
  text-align: center; }

.step1-img.mobile {
  margin-top: 16px;
  background-color: transparent; }
  .step1-img.mobile img {
    object-fit: scale-down;
    max-height: 300px;
    width: 100%;
    border-radius: 10px; }

.step3-img {
  position: relative;
  text-align: center;
  height: 370px;
  background-color: white;
  border-radius: 10px; }

.loaders {
  width: 13%;
  margin: auto;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite; }

.btnText {
  margin-left: -35px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px; }

.updatebtnText {
  margin-left: -25px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px; }

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

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

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

.linkedin-modal-loader-title {
  margin-top: 30px;
  text-align: center; }

.linkedin-modal-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.checked-icon {
  position: relative;
  top: -8px;
  left: 24px; }

.linkedin-modal-title-congrats h3 {
  color: #9aca3f;
  text-align: center;
  font-size: 24px;
  margin-top: 10px; }

.linkedin-modal-title-message {
  font-size: "20px";
  color: "rgba(89, 90, 92, 0.5)"; }

@media (max-width: 768px) {
  .loaders {
    width: 21%; }
  .linkedin-modal-loader-title {
    margin-top: 30px;
    text-align: center; }
  .linkedin-modal-title-message {
    text-align: center; }
  .demo-modal-content-one {
    width: 265px;
    height: 475px; }
  .mobile-linkedin {
    height: 265px !important; }
  .demo-header {
    font-size: 24px;
    margin-bottom: 12px; }
  .btnText {
    margin-left: -25px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px; }
  .updatebtnText {
    margin-left: -15px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px; } }

.linkedin-modal-loader {
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: #ffffff;
  top: 48px;
  left: 0; }

.additional-info-upload-container.resumeLink {
  background: #F8F8F8;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  padding: 0;
  height: 240px; }
  .additional-info-upload-container.resumeLink:hover {
    border-style: dashed;
    opacity: 0.9; }
  .additional-info-upload-container.resumeLink .uploader-container {
    min-height: 85px;
    height: 240px;
    height: inherit; }
  .additional-info-upload-container.resumeLink .uploader-with-ui-container {
    width: 100%; }
  .additional-info-upload-container.resumeLink.dashed-border {
    border: 1.5px dashed #ccc;
    height: auto; }
  .additional-info-upload-container.resumeLink input[type="file"] {
    display: block !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 999; }

.project-overview .ant-tabs .ant-tabs-nav {
  border-bottom: 1px solid #d6d8db;
  margin: 0 0 40px 0; }
  .project-overview .ant-tabs .ant-tabs-nav .ant-tabs-nav-list {
    font-size: 16px; }
    .project-overview .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
      color: var(--gray-500, #667085);
      background-color: transparent; }
      .project-overview .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-content {
        font-size: 16px;
        line-height: 24px;
        align-items: center; }
    .project-overview .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active {
      background-color: #FAFAFA;
      border-bottom: 2px solid #48B6CB; }
      .project-overview .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .tab-content {
        color: #48B6CB;
        line-height: 24px;
        align-items: center; }

.project-overview .tab-counter {
  border-radius: 4px;
  border: 1px solid rgba(72, 182, 203, 0.53);
  background: rgba(72, 182, 203, 0.1);
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px; }

.project-overview .empty-state {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  height: 440px;
  padding: 30px 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch; }
  .project-overview .empty-state .heading {
    color: #9ACA3F;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }
  .project-overview .empty-state .text {
    color: #59515C;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 200%;
    /* 32px */ }

.project-dropdown-tabs {
  width: 244px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #D0D5DD;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #667085;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .project-dropdown-tabs .ant-dropdown-placement-topCenter {
    top: -275px !important; }
  .project-dropdown-tabs .pl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    cursor: pointer; }
    .project-dropdown-tabs .pl svg {
      color: "#9ACA3F"; }

.project-dropdown-tabs-shortlisted {
  display: flex;
  width: 250px;
  min-width: 250px;
  padding: 10px 14px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }
  .project-dropdown-tabs-shortlisted .text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #667085; }
  .project-dropdown-tabs-shortlisted .dropdownCount {
    border-radius: 4px;
    border: 1px solid rgba(153, 202, 63, 0.53);
    display: flex;
    padding: 4px 12px;
    background: #EEF6EA;
    color: #9ACA3F;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; }

.selector-container .label-primary {
  color: #344054;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize; }

.selector-container .label-secondary {
  color: #667085;
  font-size: 12px;
  line-height: 18px; }

.selector-container .client-name {
  color: var(--Gray-500, #667085);
  font-size: 14px;
  line-height: 20px; }

.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);box-sizing:border-box;cursor:move;box-shadow:0 0 0 9999em rgba(0,0,0,.5);touch-action:none;border:1px solid;border-image-source:url(data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==);border-image-slice:1;border-image-repeat:repeat}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;box-shadow:0px 0px 1px 1px #fff,0 0 0 9999em rgba(0,0,0,.5)}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after,.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{content:"";display:block;position:absolute;background-color:rgba(255,255,255,.4)}.ReactCrop__rule-of-thirds-vt::before,.ReactCrop__rule-of-thirds-vt::after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt::before{left:33.3333%;left:calc(100% / 3)}.ReactCrop__rule-of-thirds-vt::after{left:66.6666%;left:calc(100% / 3 * 2)}.ReactCrop__rule-of-thirds-hz::before,.ReactCrop__rule-of-thirds-hz::after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz::before{top:33.3333%;top:calc(100% / 3)}.ReactCrop__rule-of-thirds-hz::after{top:66.6666%;top:calc(100% / 3 * 2)}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle::after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.7);box-sizing:border-box;outline:1px solid transparent}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw::after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n::after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne::after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e::after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se::after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s::after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw::after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w::after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar{display:none}.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}

.footerClass {
  background: #4b494b;
  position: absolute;
  width: 100%;
  padding: 3% 0;
  box-sizing: border-box; }
  .footerClass h4 {
    font-size: 1.125rem; }
  .footerClass a {
    text-decoration: none;
    color: white;
    font-size: 1.125rem;
    margin: 5px 0; }
  .footerClass .firstSection {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4%; }
    .footerClass .firstSection > div.footerCont {
      align-items: center;
      box-sizing: border-box;
      max-width: 33%;
      flex-basis: 33%;
      flex-shrink: 0; }
      @media screen and (max-width: 768px) {
        .footerClass .firstSection > div.footerCont {
          max-width: 100%;
          flex-basis: 100%; } }
    .footerClass .firstSection .linksContainer {
      display: flex;
      flex-direction: column; }
    .footerClass .firstSection .verticalDivider {
      height: 20px;
      border-right: 1px solid white;
      margin: 0 10px; }
    .footerClass .firstSection .footerCont {
      display: flex;
      width: 100%;
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .footerClass .firstSection .footerCont div {
        flex-shrink: 0; }
  .footerClass .secondSection {
    display: flex;
    justify-content: space-between;
    padding: 3% 0; }
    .footerClass .secondSection div {
      border-top: 2px solid white; }
    .footerClass .secondSection div:nth-child(1) {
      max-width: 100%;
      flex-basis: 100%;
      flex-shrink: 0; }
  .footerClass .thirdSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 4%; }
    .footerClass .thirdSection span {
      text-decoration: none;
      color: white;
      font-size: 1.125rem; }
    .footerClass .thirdSection .locations .verticalDivider {
      border-right: 1px solid white;
      margin: 0 10px; }
    .footerClass .thirdSection .locations .line-1,
    .footerClass .thirdSection .locations .line-2 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .footerClass .thirdSection .locations .line-2 {
      justify-content: center; }
    .footerClass .thirdSection .social img {
      margin: 5px; }
    @media screen and (max-width: 768px) {
      .footerClass .thirdSection a,
      .footerClass .thirdSection span {
        font-size: 1rem; } }
    .footerClass .thirdSection span:nth-child(2) img {
      margin-left: 15px; }
      @media screen and (max-width: 320px) {
        .footerClass .thirdSection span:nth-child(2) img {
          margin-left: 3px; } }

@use 'sass:map';
.additional-info {
  background: #e5e5e5; }
  .additional-info .back-button {
    cursor: pointer;
    background-color: #fff;
    border-radius: 24px;
    padding: 8px 16px;
    color: #72706bb3;
    width: max-content;
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .additional-info .back-button span {
      margin-left: 4px; }
    @media (max-width: 425px) {
      .additional-info .back-button {
        margin-left: 16px; } }
  .additional-info .secondary-text {
    line-height: 32px; }
  .additional-info .experience-header {
    margin: 48px 16px 28px 5px;
    background-color: transparent; }
    .additional-info .experience-header > div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    @media (max-width: 425px) {
      .additional-info .experience-header {
        margin: 48px 16px 28px 0px; } }
    .additional-info .experience-header h1 {
      font-size: 36px;
      color: #595a5c;
      font-weight: 400;
      margin-bottom: 0; }
      @media (max-width: 425px) {
        .additional-info .experience-header h1 {
          font-size: 22px;
          margin-left: 16px; } }
  .additional-info .uploaded-file-container {
    margin-top: 32px; }
    .additional-info .uploaded-file-container h3 {
      margin-bottom: 16px;
      color: #595a5c;
      font-size: 18px; }
    .additional-info .uploaded-file-container .uploaded-file-item {
      position: relative;
      display: flex;
      align-items: center;
      padding-bottom: 18px;
      margin-bottom: 16px; }
      .additional-info .uploaded-file-container .uploaded-file-item:not(:last-child) {
        border-bottom: 1px solid rgba(89, 90, 92, 0.2); }
      .additional-info .uploaded-file-container .uploaded-file-item .uploaded-file-name {
        color: #48b6cb;
        margin-left: 18px;
        max-width: 48ch;
        word-break: break-all; }
        @media (max-width: 425px) {
          .additional-info .uploaded-file-container .uploaded-file-item .uploaded-file-name {
            max-width: 20ch; } }
      .additional-info .uploaded-file-container .uploaded-file-item .remove-uploaded {
        position: absolute;
        right: 5px;
        top: 2px; }
  .additional-info .additional-into-item {
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    padding: 10px 20px 20px;
    margin-bottom: 2rem; }
    @media (max-width: 425px) {
      .additional-info .additional-into-item {
        margin-left: 16px;
        margin-right: 16px; } }
    .additional-info .additional-into-item .info-card {
      padding: 8px 0px !important; }
    .additional-info .additional-into-item .sample-item {
      margin-top: 18px; }
    .additional-info .additional-into-item.cv-and-video {
      position: relative; }
      .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container {
        display: flex;
        flex-basis: 100%;
        flex-grow: 1;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        align-items: stretch; }
        @media (max-width: 425px) {
          .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container {
            flex-flow: column; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .videos {
              margin-top: 18px !important; } }
        .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container {
          border-radius: 6px;
          z-index: 2;
          font-size: 16px;
          padding: 28px;
          flex-basis: 100%; }
          .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.cv {
            position: relative;
            color: #9aca3f;
            background: rgba(230, 247, 251, 0.5);
            border: 1.5px dashed #8ed3e0; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.cv input[type="file"] {
              display: block !important;
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              opacity: 0;
              cursor: pointer;
              z-index: 999; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.cv:hover {
              border-color: #4adbf9; }
          .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos {
            color: #9aca3f;
            background: rgba(230, 247, 251, 0.5);
            border: 1.5px dashed #8ed3e0; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos:hover {
              border-color: #4adbf9; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container {
              border-radius: 6px; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-dashboard .ba-videorecorder-backbar {
                background: transparent !important; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-dashboard .ba-videorecorder-controlbar {
                bottom: 14px; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-norecorder {
                background-color: transparent; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-chooser-button-0,
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-button-primary {
                background-color: #48b6cb !important;
                color: #ffffff; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .ba-videorecorder-container .ba-videorecorder-chooser-button-1 {
                color: #48b6cb !important;
                background: rgba(72, 182, 203, 0.1);
                border: 1.5px solid #48b6cb;
                box-sizing: border-box;
                border-radius: 3px;
                margin-top: 24px; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .video-question {
              font-size: 14px;
              font-weight: 500;
              text-align: justify;
              color: black; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .video-thumbnail,
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .video-recorder {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              position: relative;
              text-align: center;
              margin: 16px auto 32px auto; }
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .video-thumbnail .delete-btn,
              .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container.videos .video-recorder .delete-btn {
                position: absolute;
                right: 96px;
                top: -2px;
                align-self: flex-start;
                margin-left: 8px; }
          .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container .uploader-container {
            background: transparent;
            background: transparent;
            min-height: 140px;
            border: none; }
            .additional-info .additional-into-item.cv-and-video .cv-and-video-outer-container .additional-info-upload-container .uploader-container .uploader-with-ui-container i {
              display: none; }
    .additional-info .additional-into-item .section-heading {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      justify-items: center;
      padding-bottom: 18px;
      opacity: 1;
      margin: 20px 0;
      margin-bottom: 1px;
      border-bottom: 1px solid rgba(89, 90, 92, 0.2); }
      .additional-info .additional-into-item .section-heading .section-title {
        font-size: 20px;
        color: #595a5c; }
      .additional-info .additional-into-item .section-heading__btn--action {
        background: #eef6ea;
        opacity: 1;
        color: #9aca3f;
        font-weight: 700;
        box-shadow: 0 0 0px 0.8px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: ant-skeleton-loading 1.4s ease infinite;
  content: '';
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

@use 'sass:map';
.company-profile-container .company-profile-container-item {
  max-width: 900px;
  margin-top: 60px;
  margin: auto; }
  @media (max-width: 425px) {
    .company-profile-container .company-profile-container-item {
      margin-top: 18px;
      margin-left: 18px;
      margin-right: 18px; } }

.company-profile-container .firm-card-container {
  padding-top: 60px;
  padding-left: 0px;
  padding-bottom: 0px; }
  .company-profile-container .firm-card-container .firm-card-description {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .company-profile-container .firm-card-container .firm-card-description .secondary-text {
      margin-right: 2rem;
      display: flex;
      align-items: center;
      font-size: 14px; }
      .company-profile-container .firm-card-container .firm-card-description .secondary-text span {
        margin-left: 4px; }
      @media (max-width: 425px) {
        .company-profile-container .firm-card-container .firm-card-description .secondary-text {
          font-size: 14px; } }

@media (max-width: 425px) {
  .company-profile-container .firm-card-container {
    padding-top: 60px;
    padding-left: 0px;
    padding-bottom: 0px; }
    .company-profile-container .firm-card-container .firm-card-description {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      font-size: 14px; } }

.company-profile-container .secondary-text {
  font-weight: 400;
  font-size: 16px;
  color: #72706b;
  padding-top: 5px; }

.company-profile-container .secondary-text-comapny {
  font-weight: 400;
  font-size: 16px;
  color: #72706b; }

.company-profile-container .launching-zone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  min-height: 60vh; }
  .company-profile-container .launching-zone img {
    display: block;
    margin: auto;
    margin-top: 130px; }
  @media (max-width: 425px) {
    .company-profile-container .launching-zone img {
      margin-top: 0px; } }

.company-profile-container .profile-tab-pane {
  min-height: 60vh;
  padding: 0px 0px 30px 0px;
  background: #fff; }
  .company-profile-container .profile-tab-pane .profile-item-content {
    line-height: 32px; }

.company-profile-container .ant-tabs .ant-tabs-tab {
  background: #e1e6ec;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important; }
  .company-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content {
    display: flex;
    align-items: center;
    color: #595a5c;
    font-weight: 700;
    opacity: 0.9; }
    .company-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg {
      margin-right: 6px; }
      .company-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg path {
        stroke: #000; }
  .company-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active {
    background: white; }
    .company-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content {
      color: #9aca3f;
      opacity: 1;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: -0.28125px;
      text-align: left; }
      .company-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg path {
        stroke: #9aca3f; }
      .company-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content .profile-item-container {
        margin: 70; }

.company-profile-container .ant-tabs.ant-tabs-top.ant-tabs-card .ant-tabs-nav {
  margin-bottom: 0; }

.company-profile-container .ant-tabs-card .ant-tabs-tab {
  padding: 13px 13px 13px 10px;
  margin: 0px 10px 0px 0px; }

.company-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  margin: 0;
  height: 24px; }

.company-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin: 0;
  margin-top: 16px; }

.company-profile-container .articles-outer-container {
  padding: 30px; }
  @media (max-width: 560px) {
    .company-profile-container .articles-outer-container {
      margin-top: 42px;
      padding: 16px; } }

.company-profile-container .mailbutton {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  top: 37px;
  left: 22px; }
  .company-profile-container .mailbutton div {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center; }
    .company-profile-container .mailbutton div .btnIcon {
      margin-top: 6%;
      padding-left: 3px; }

@media (max-width: 425px) {
  .company-profile-container .mailbutton {
    top: -10px;
    left: 22px; }
    .company-profile-container .mailbutton div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .company-profile-container .mailbutton div .btnIcon {
        margin-top: 20%; }
  .company-profile-container .os-review-detail {
    padding: 0 !important; }
  .company-profile-container .os-review-item-title {
    font-size: 14px !important; }
  .company-profile-container .os-review-item-detail {
    font-size: 14px !important; }
  .company-profile-container .row-content-main-company {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .company-profile-container .row-content-main-company p {
      width: 142px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .company-profile-container .mble {
    width: 65%; }
  .company-profile-container .mblemain {
    width: 32%; }
  .company-profile-container .btn {
    color: "#48B6CB"; }
  .company-profile-container .ant-tabs .ant-tabs-nav-operations {
    display: none; }
  .company-profile-container .ant-tabs-card .ant-tabs-tab {
    padding: 13px 8px 13px 9px;
    margin: 0px 7px 0px 0px; } }

.company-profile-container .previous-details {
  margin-top: 30px; }

.rowgaps {
  margin-bottom: 20px; }

.row-item {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row; }
  .row-item .row-content-main {
    margin-left: 18px; }

@use 'sass:map';
.new-profile-container .new-profile-container-item {
  max-width: 824px;
  margin-top: 16px; }
  @media (max-width: 425px) {
    .new-profile-container .new-profile-container-item {
      margin-top: 18px; } }

.new-profile-container .secondary-text {
  font-weight: 400;
  font-size: 16px;
  color: #72706b; }

.new-profile-container .launching-zone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  min-height: 60vh; }
  .new-profile-container .launching-zone img {
    display: block;
    margin: auto;
    margin-top: 130px; }
  @media (max-width: 425px) {
    .new-profile-container .launching-zone img {
      margin-top: 0px; } }

.new-profile-container .profile-tab-pane {
  min-height: 60vh;
  padding: 0px;
  background: #fff; }
  .new-profile-container .profile-tab-pane .profile-item-content {
    line-height: 32px; }

.new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content {
  display: flex;
  align-items: center;
  color: #595a5c;
  font-weight: 700;
  opacity: 0.9; }
  .new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg {
    margin-right: 6px; }
    .new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg path {
      stroke: #000; }

.new-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content {
  color: #4eab38;
  opacity: 1; }
  .new-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg path {
    stroke: #4eab38; }

.new-profile-container .ant-tabs-tab {
  background: #e8e8e8ec; }

.new-profile-container .ant-tabs.ant-tabs-top.ant-tabs-card .ant-tabs-nav {
  margin-bottom: 0; }

.new-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  margin: 0;
  height: 24px; }

.new-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin: 0;
  margin-top: 16px; }

.new-profile-container .articles-outer-container {
  padding: 30px; }
  @media (max-width: 560px) {
    .new-profile-container .articles-outer-container {
      margin-top: 42px;
      padding: 16px; } }

@use 'sass:map';
.new-profile-container .new-profile-container-item {
  max-width: 824px;
  margin-top: 16px; }
  @media (max-width: 425px) {
    .new-profile-container .new-profile-container-item {
      margin-top: 18px; } }

.new-profile-container .secondary-text {
  font-weight: 400;
  font-size: 16px;
  color: #72706b; }

.new-profile-container .launching-zone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  min-height: 60vh; }
  .new-profile-container .launching-zone img {
    display: block;
    margin: auto;
    margin-top: 130px; }
  @media (max-width: 425px) {
    .new-profile-container .launching-zone img {
      margin-top: 0px; } }

.new-profile-container .profile-tab-pane {
  min-height: 60vh;
  padding: 0px;
  background: #fff; }
  .new-profile-container .profile-tab-pane .profile-item-content {
    line-height: 32px; }

.new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content {
  display: flex;
  align-items: center;
  color: #595a5c;
  font-weight: 700;
  opacity: 0.9; }
  .new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg {
    margin-right: 6px; }
    .new-profile-container .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn .tab-content svg path {
      stroke: #000; }

.new-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content {
  color: #4eab38;
  opacity: 1; }
  .new-profile-container .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn .tab-content svg path {
    stroke: #4eab38; }

.new-profile-container .ant-tabs-tab {
  background: #e8e8e8ec; }

.new-profile-container .ant-tabs.ant-tabs-top.ant-tabs-card .ant-tabs-nav {
  margin-bottom: 0; }

.new-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  margin: 0;
  height: 24px; }

.new-profile-container .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph {
  margin: 0;
  margin-top: 16px; }

.new-profile-container .articles-outer-container {
  padding: 30px; }
  @media (max-width: 560px) {
    .new-profile-container .articles-outer-container {
      margin-top: 42px;
      padding: 16px; } }

@use 'sass:map';
.live-ops-card-container {
  position: relative;
  width: 100%;
  padding: 16px;
  border-radius: 6px;
  margin-bottom: 32px; }
  .live-ops-card-container .type-reasons .readonly-item-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.8;
    margin-bottom: 4px; }
  .live-ops-card-container .type-reasons .readonly-item-value {
    margin-top: 8px;
    display: flex;
    white-space: break-spaces; }
    .live-ops-card-container .type-reasons .readonly-item-value .reason-item {
      background: #f15946;
      border-radius: 6px;
      color: #ffffff;
      margin-right: 8px;
      margin-bottom: 12px;
      padding: 4px 8px; }
  .live-ops-card-container .view-feedback-btn {
    width: 152px;
    height: 40px;
    position: absolute;
    right: 0; }
    @media (max-width: 560px) {
      .live-ops-card-container .view-feedback-btn {
        position: relative;
        margin-top: 16px; } }
  .live-ops-card-container .live-ops-card__header {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 24px; }
    .live-ops-card-container .live-ops-card__header .live-ops-logo {
      height: 60px;
      width: 60px;
      min-width: 60px;
      display: flex;
      align-items: center;
      box-shadow: 0 0 0 1px #4eab38;
      border-radius: 6px;
      overflow: hidden; }
      .live-ops-card-container .live-ops-card__header .live-ops-logo img {
        width: 100%; }
    .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle {
      display: flex;
      flex-flow: column;
      position: relative;
      width: 100%;
      margin-left: 12px; }
      @media (max-width: 425px) {
        .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle h3 {
          max-width: 16ch; }
        .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle .status-label {
          padding: 4px; } }
      .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle h3 {
        font-size: 20px;
        margin-bottom: 0;
        width: calc(100% - 48px); }
      .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle .status-label {
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        border-radius: 5px;
        padding: 2px 4px;
        font-size: 14px; }
        .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle .status-label.interviewing {
          background: #9aca3f; }
        .live-ops-card-container .live-ops-card__header .live-ops-title-subtitle .status-label.on-going {
          background: #fcc016;
          letter-spacing: 1px; }
  .live-ops-card-container .live-ops-card__content {
    background: #fff;
    padding: 24px; }
    .live-ops-card-container .live-ops-card__content .secondary-text {
      margin-top: 16px;
      margin-bottom: 16px;
      color: #878787;
      line-height: 28px;
      opacity: 0.8; }
    .live-ops-card-container .live-ops-card__content .view-feedback-text {
      height: 16px;
      float: right;
      font-weight: 500;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      text-decoration-line: underline;
      color: #9aca3f; }
    .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item {
      display: grid;
      grid-template-columns: 32px 120px 1fr;
      grid-template-rows: 32px 1fr 1fr;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "detail-item__icon detail-item__label detail-item__data" "detail-item__icon . ." ". . ." ". . .";
      height: 100%; }
      @media (max-width: 560px) {
        .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item {
          grid-template-columns: 32px 1fr;
          grid-template-rows: 1fr;
          grid-template-areas: "detail-item__icon detail-item__label" "detail-item__icon detail-item__data"; }
          .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item .detail-item__data {
            margin-left: 0;
            margin-bottom: 8px; } }
      .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item .ant-typography {
        font-size: 16px;
        font-weight: 500;
        color: #000; }
      @media (max-width: 425px) {
        .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item .detail-item__data,
        .live-ops-card-container .live-ops-card__content .live-ops-card-detail-item .ant-typography {
          font-size: 12px; } }
    .live-ops-card-container .live-ops-card__content .detail-item__icon {
      grid-area: detail-item__icon; }
    .live-ops-card-container .live-ops-card__content .detail-item__label {
      grid-area: detail-item__label;
      color: #878787;
      font-size: 16px; }
    .live-ops-card-container .live-ops-card__content .detail-item__data {
      grid-area: detail-item__data;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      margin-left: 32px; }
  .live-ops-card-container .card-date-view {
    display: flex;
    justify-content: end;
    margin-top: 10px;
    align-items: center; }
  .live-ops-card-container.disable-container {
    cursor: not-allowed; }
  .live-ops-card-container .gray-bg {
    position: absolute;
    width: 100%;
    background: rgba(250, 250, 250, 0.3);
    -webkit-backdrop-filter: blur(6px);
    height: 100%;
    top: 0;
    right: 0;
    backdrop-filter: blur(6px);
    border-radius: 5px; }
  .live-ops-card-container .disabled-banner {
    background-color: #9aca3f;
    height: 60px;
    position: absolute;
    top: 45%;
    width: 100%;
    right: 0px;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff; }
    .live-ops-card-container .disabled-banner span {
      margin-left: 10px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: #595a5c;
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: #595a5c;
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}

.record-video-container {
  position: relative;
  min-height: 30vh;
  background-color: white;
  border-radius: 6px;
  padding: 16px; }
  .record-video-container .content-area {
    display: flex;
    flex-flow: column;
    align-items: center;
    overflow: auto; }
    .record-video-container .content-area .video-section .ba-videorecorder-chooser-button-0,
    .record-video-container .content-area .video-section .ba-videorecorder-button-primary {
      background-color: #4dab38 !important; }
    .record-video-container .content-area .video-section .video-question {
      font-size: 14px;
      font-weight: 500;
      text-align: justify;
      color: black; }
    .record-video-container .content-area .video-section .video-thumbnail,
    .record-video-container .content-area .video-section .video-recorder {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
      margin: 16px auto 32px auto; }
      .record-video-container .content-area .video-section .video-thumbnail .delete-btn,
      .record-video-container .content-area .video-section .video-recorder .delete-btn {
        align-self: flex-start;
        margin-left: 8px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 15.3137085px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 15.3137085px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #595a5c;
}
.ant-popover-message {
  display: flex;
  align-items: center;
  padding: 4px 0 12px;
  color: #595a5c;
  font-size: 14px;
}
.ant-popover-message .anticon {
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(11px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}

@use 'sass:map';
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
  justify-content: end !important; }

.container-details {
  border-radius: 6px;
  padding-bottom: 30px; }
  .container-details .heading {
    padding: 30px 30px 0px 30px; }
    @media (max-width: 768px) {
      .container-details .heading {
        padding: 16px 16px 12px 16px; } }
    .container-details .heading .title {
      font-size: 24px;
      color: #9aca3f; }
  .container-details .content {
    padding: 0px 30px 0px 30px; }
    @media (max-width: 768px) {
      .container-details .content {
        padding: 16px; } }
    .container-details .content .content-text {
      color: #344054;
      font-size: 14px; }
    .container-details .content .content-logistics-text {
      color: #595A5C; }
    .container-details .content .detailTag {
      background: #edf8fa;
      border: 1px solid #e6eaed;
      border-radius: 100px;
      padding: 7px 16px 7px 16px; }
    .container-details .content .content-padding-top {
      margin-top: 1.875rem !important; }
    .container-details .content .gap-item {
      gap: 1rem; }

.comments .author {
  color: #344054;
  font-size: 14px; }

.comments .text {
  color: #595A5C;
  font-size: 16px; }

.comments .date {
  color: #667085;
  font-size: 12px; }

.ant-comment-inner {
  padding: 0 !important; }

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.skills {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap; }
  .skills .heading {
    font-size: 16px;
    line-height: 21px;
    color: #595a5c; }
  .skills .skill {
    font-size: 14px;
    cursor: pointer;
    background: #e1f8fd;
    border-radius: 6px;
    padding: 4px 16px;
    color: #48b6cb;
    line-height: 19px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  box-sizing: border-box;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}

@use 'sass:map';
.ant-tabs .ant-tabs-nav {
  border-bottom: 1px solid #d6d8db;
  margin: 0 0 24px 0;
  position: sticky;
  background: #f4f4f4;
  z-index: 999; }
  .ant-tabs .ant-tabs-nav .ant-tabs-nav-list {
    font-size: 16px; }
    .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
      color: var(--gray-500, #667085);
      background-color: transparent; }
      .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .tab-content {
        font-size: 16px;
        line-height: 24px;
        align-items: center; }
    .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active {
      background-color: #fafafa;
      border-bottom: 2px solid #48b6cb; }
      .ant-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab-active .tab-content {
        color: #48b6cb;
        line-height: 24px;
        align-items: center; }

.tab-counter {
  border-radius: 4px;
  border: 1px solid rgba(72, 182, 203, 0.53);
  background: rgba(72, 182, 203, 0.1);
  padding: 4px 12px;
  font-size: 12px;
  line-height: 16px; }

.notification-drawer .scroll-bottom {
  text-align: center;
  font-size: 14px;
  font-weight: 600; }

.notification-drawer .ant-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 12px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0; }

.notification-drawer .ant-drawer-content-wrapper {
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); }

.notification-drawer .ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: #000000;
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  position: absolute;
  right: 0; }

.notification-drawer .ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 0px 0px; }

.notification-drawer .title-mark-as-read-btn {
  background-color: #f3f7fb;
  border-color: #f3f7fb;
  color: #404040;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 100px; }
  .notification-drawer .title-mark-as-read-btn:hover {
    background-color: #f3f7fb;
    border-color: #f3f7fb;
    color: #404040;
    box-shadow: 0px 1px 2px 0px #919191; }

.notification-drawer .notification .switch-space {
  display: flex;
  align-items: center;
  gap: 10px; }

.notification-drawer .notification .switch-text {
  font-size: 13px; }
  .notification-drawer .notification .switch-text.show-color {
    color: #404040; }
  .notification-drawer .notification .switch-text.priority-unread-color {
    color: #3c3c3c; }

.notification-drawer .notification-list {
  padding: 8px 0px 8px 16px; }
  .notification-drawer .notification-list:hover {
    box-shadow: 0px 0px 4px 0px #cecece;
    z-index: 999;
    position: relative;
    background-color: #f3f7fb !important;
    transition: all 0.3s ease-in-out; }
  .notification-drawer .notification-list .ellipse {
    width: 4px;
    height: 4px;
    background: #cecece;
    border-radius: 50%; }
  .notification-drawer .notification-list .img-circle {
    height: 100%;
    object-fit: contain;
    border-radius: 50%; }
  .notification-drawer .notification-list .list-title {
    font-size: 14px;
    font-weight: 600; }
  .notification-drawer .notification-list .list-detail {
    font-size: 10px;
    font-weight: 400; }
  .notification-drawer .notification-list .list-priority-btn {
    background-color: #f4eaed;
    border-color: #f4eaed;
    color: #d64848;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 12px 12px 12px;
    border-radius: 100px; }
  .notification-drawer .notification-list .list-mark-read {
    cursor: pointer;
    font-size: 10px;
    font-weight: 600; }
  .notification-drawer .notification-list .list-time-created-by {
    display: flex;
    align-items: center;
    gap: 5px; }

.more-options-short-card {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #323153;
  vertical-align: middle;
  font-family: "Open Sans"; }

.short-card .individual-short-card-container {
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #ededed;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); }
  .short-card .individual-short-card-container:hover {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px 0 #ccc; }

.short-card .ant-card-body {
  padding: 5px 5px 5px 5px; }
  .short-card .ant-card-body .bookmark-icon {
    position: absolute;
    top: -1px;
    left: 10px;
    cursor: pointer; }
  .short-card .ant-card-body .freelancer-name {
    font-size: 16px;
    color: #0057a7;
    text-transform: capitalize; }
  .short-card .ant-card-body .headline {
    color: #595959;
    font-weight: 400;
    font-size: 14px; }
  .short-card .ant-card-body .shortcard-header {
    background: #f3f7fc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px; }
    .short-card .ant-card-body .shortcard-header .text {
      font-size: 12px;
      color: #323153;
      font-weight: 600; }
    .short-card .ant-card-body .shortcard-header .options-text {
      font-weight: 400;
      font-size: 11px;
      color: #323153; }
      .short-card .ant-card-body .shortcard-header .options-text .fw-600 {
        font-weight: 600; }
    .short-card .ant-card-body .shortcard-header .rejected-feedback {
      font-size: 10px;
      line-height: 18px;
      background: #f4eaed;
      color: #d64848;
      font-weight: 600;
      border-radius: 100px;
      padding: 1px 5px 1px 5px;
      cursor: pointer; }
      .short-card .ant-card-body .shortcard-header .rejected-feedback.published {
        background: #eff7ec;
        color: #00a53c; }
  .short-card .ant-card-body .shortcard-header-bottom {
    margin-top: 10px;
    background: #f3f7fb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px; }
    .short-card .ant-card-body .shortcard-header-bottom .text {
      font-size: 10px;
      color: #323153;
      font-weight: 400; }
  .short-card .ant-card-body .img-circle {
    height: 100%;
    object-fit: contain;
    border-radius: 50%; }
  .short-card .ant-card-body .btn-porposal-type {
    border-radius: 100px;
    padding: 6px, 12px, 6px, 12px;
    color: #ffffff;
    font-size: 12px;
    cursor: initial; }
  .short-card .ant-card-body .btn-remove-request {
    border-radius: 100px;
    padding: 6px, 12px, 6px, 12px;
    font-size: 12px;
    background-color: #b42318;
    color: #ffffff; }
  .short-card .ant-card-body .row-scores {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    background: #f3f7fb;
    border-radius: 100px;
    align-items: center;
    color: #323153; }
    .short-card .ant-card-body .row-scores .fw-bold {
      font-weight: 600; }
    .short-card .ant-card-body .row-scores .fs-11 {
      font-size: 11px; }
  .short-card .ant-card-body .rejected-freelancer {
    color: #db6060;
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    margin-top: 5px;
    background: #f4f4f4;
    padding: 0px 10px 0px 10px;
    border-radius: 10px; }
    .short-card .ant-card-body .rejected-freelancer .span-tooltip {
      display: flex;
      align-items: center;
      gap: 5px; }
  .short-card .ant-card-body .qa-vet-status {
    font-size: 12px;
    font-weight: 600;
    margin-left: 12px;
    margin-top: 4px;
    padding: 2px 5px 2px 5px;
    border-radius: 10px; }
    .short-card .ant-card-body .qa-vet-status .span-tooltip {
      display: flex;
      align-items: center;
      gap: 3px; }
    .short-card .ant-card-body .qa-vet-status.deployed {
      color: #00a53c;
      background: #eff7ec;
      border-color: #e7f2dc; }
    .short-card .ant-card-body .qa-vet-status.vetted {
      color: #018ddb;
      background: #eff9ff;
      border-color: #d4edfd; }
  .short-card .ant-card-body .icon-actions {
    display: flex;
    justify-content: right;
    gap: 10px;
    align-items: center;
    color: #48b6cb;
    align-items: center; }
  .short-card .ant-card-body .shortlisted-client-stage {
    font-size: 12px;
    font-weight: 600;
    border-radius: 100px;
    padding: 8px 15px; }
    .short-card .ant-card-body .shortlisted-client-stage.maybe {
      color: #d87e2f;
      background: #f5ece4; }
    .short-card .ant-card-body .shortlisted-client-stage.interviewing {
      color: #48b6cb;
      background: #edf8fa; }
    .short-card .ant-card-body .shortlisted-client-stage.rejected {
      color: #d64848;
      background: #f4eaed; }
  .short-card .ant-card-body .heading-item {
    font-size: 12px;
    color: #32315380;
    font-weight: 400; }
  .short-card .ant-card-body .heading-detail {
    font-size: 12px;
    color: #344054; }
    .short-card .ant-card-body .heading-detail.fw-600 {
      font-weight: 600; }

@use 'sass:map';
.linkedin-card-container {
  display: flex;
  width: 100%;
  padding: 18px;
  padding-right: 8px; }
  .linkedin-card-container .linkedin-card-description {
    color: #333333;
    font-weight: normal;
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    width: 70%; }
    .linkedin-card-container .linkedin-card-description .email-verification {
      padding-top: 1px;
      padding-left: 6px;
      padding-right: 6px;
      padding-bottom: 2px;
      font-size: 14px;
      border-radius: 100px;
      cursor: pointer;
      font-weight: bold; }
      .linkedin-card-container .linkedin-card-description .email-verification.is-verified {
        color: #4eab38;
        background: #4eab381a; }
      .linkedin-card-container .linkedin-card-description .email-verification.not-verified {
        color: #FF6C6C;
        background: #FBE2E2; }
  @media (max-width: 425px) {
    .linkedin-card-container {
      padding-right: 0px; } }

@use 'sass:map';
.new-info-card-container {
  display: flex;
  flex-flow: column;
  background: #e6f7fb;
  padding: 10px;
  font-size: 10px; }
  .new-info-card-container .new-info-item {
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-flow: column;
    padding: 2em; }
    @media (max-width: 425px) {
      .new-info-card-container .new-info-item {
        padding: 1.2em; } }
    .new-info-card-container .new-info-item .project-avatar {
      height: 60px;
      width: 60px;
      min-width: 60px;
      border: 1px solid #4eab38;
      border-radius: 8px;
      overflow: inherit;
      margin-right: 6px;
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .new-info-card-container .new-info-item .project-avatar svg {
        width: 32px;
        height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .new-info-card-container .new-info-item .project-avatar img {
        width: 100%;
        max-height: 100%; }
        .new-info-card-container .new-info-item .project-avatar img svg {
          width: 28px;
          height: 28px; }
    .new-info-card-container .new-info-item:not(:first-child) {
      margin-top: 8px; }
    .new-info-card-container .new-info-item__header {
      display: flex;
      margin-bottom: 1.6em; }
      .new-info-card-container .new-info-item__header .client-title-location {
        margin-bottom: 8; }
    .new-info-card-container .new-info-item__location {
      font-size: 1.6em;
      color: #72706b; }
    .new-info-card-container .new-info-item__title {
      color: #000;
      max-width: 100%; }
      .new-info-card-container .new-info-item__title .main-title {
        font-weight: 500;
        font-size: 18px; }
      .new-info-card-container .new-info-item__title .sub-title {
        font-weight: 400;
        font-size: 16px; }

@use 'sass:map';
.profile-item-container .profile-item {
  position: relative;
  border-bottom: 2px solid #eaeaea;
  padding-bottom: 32px;
  padding: 16px 36px 32px 36px; }
  .profile-item-container .profile-item .profile-item-header {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px; }
    .profile-item-container .profile-item .profile-item-header span {
      font-weight: 500;
      font-size: 18px;
      color: #000; }
    .profile-item-container .profile-item .profile-item-header.has-label {
      margin-top: 2px;
      margin-bottom: 18px; }

@media (max-width: 425px) {
  .profile-item-container .profile-item {
    padding: 16px; } }

.profile-drawer-item-container {
  background: #ffffff;
  border-radius: 6px;
  margin: 10px; }
  .profile-drawer-item-container .profile-item {
    padding: 15px; }

@use 'sass:map';
.sample-item {
  background: #e6f7fb;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  padding: 10px;
  font-size: 10px; }
  .sample-item__header {
    display: flex; }
    @media (max-width: 425px) {
      .sample-item__header {
        flex-direction: column; }
        .sample-item__header .action-area,
        .sample-item__header .content-area {
          width: 100% !important; } }
    .sample-item__header .action-area {
      display: flex;
      flex-flow: column;
      font-size: 10px;
      min-width: 65px;
      width: 30%;
      padding: 1.6em;
      justify-content: center; }
      .sample-item__header .action-area .sample-item__footer {
        display: none; }
        @media (max-width: 425px) {
          .sample-item__header .action-area .sample-item__footer {
            display: block; } }
      .sample-item__header .action-area button {
        margin-top: 1.8em;
        background: "#48B6CB";
        color: "#fff";
        border-color: "#48B6CB";
        font-weight: 500;
        font-size: 1.6em;
        line-height: 1.2em; }
    .sample-item__header .content-area {
      position: relative;
      min-height: 120px;
      width: 70%;
      background: #fff; }
      .sample-item__header .content-area .sample-label {
        position: absolute;
        right: 20px;
        top: 20px;
        padding: 5px 9px;
        background: #fbe2e2;
        border-radius: 6px;
        font-size: 14px;
        line-height: 16px;
        text-transform: capitalize;
        color: #ff6c6c; }
  .sample-item__footer {
    color: #48b6cb;
    font-size: 1.6em;
    margin-top: 8px;
    background: transparent;
    text-align: center; }
    @media (max-width: 768px) {
      .sample-item__footer {
        display: none; } }
    @media (max-width: 425px) {
      .sample-item__footer {
        display: none; } }

@use 'sass:map';
.selection-status-indicator {
  position: absolute;
  left: -9px;
  top: -9px;
  height: 32px;
  width: 32px;
  background-color: #cecfd1;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 50px; }
  .selection-status-indicator.active {
    background-color: #9aca3f; }

.text-white {
  color: white; }

.note-card {
  padding: 24px; }
  .note-card .note-container {
    border-radius: 10px;
    background: #ffffff;
    border: 2px solid #ededed;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); }
    .note-card .note-container:hover {
      transition: all 0.3s ease-in-out;
      box-shadow: 0 0 6px 0 #ccc; }
  .note-card .ant-card-body {
    padding: 6px; }
    .note-card .ant-card-body .heading-text {
      font-weight: bold; }
    .note-card .ant-card-body .post-time {
      float: right;
      font-size: 10px; }
    .note-card .ant-card-body .note-detail {
      font-size: 12px;
      text-align: justify; }

@use 'sass:map';
@media (min-width: 1024px) {
  .freelancer-client-feedback-modal {
    min-width: 650px; } }

.freelancer-client-feedback-modal .ant-modal-footer {
  display: none; }

.freelancer-client-feedback-modal .thank-you-container {
  padding: 42px;
  flex-flow: column;
  align-items: center;
  background: #fff; }
  .freelancer-client-feedback-modal .thank-you-container span {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #9aca3f;
    mix-blend-mode: normal;
    margin-top: 8px;
    margin-bottom: 28px; }
  .freelancer-client-feedback-modal .thank-you-container h5 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    /* identical to box height, or 112% */
    text-align: center;
    color: #000000;
    mix-blend-mode: normal; }
  .freelancer-client-feedback-modal .thank-you-container h6 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.7; }

.freelancer-client-feedback-modal .freelancer-client-feedback-modal-container {
  border-radius: 5px;
  padding: 20px;
  max-height: 70vh;
  overflow: auto;
  align-content: flex-start; }
  .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container.feedback-rejection {
    background: #eff1f4; }
  @media (max-width: 768px) {
    .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container {
      padding: 0.5rem; } }
  .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item {
    padding: 15px;
    background: #ffffff;
    mix-blend-mode: normal;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    min-height: 132px;
    margin-bottom: 10px;
    position: relative; }
    .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item .ant-ribbon-wrapper {
      display: none; }
    @media (max-width: 768px) {
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item .meta-data-photo img,
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item .meta-data-photo .profile-avatar {
        width: 60px !important;
        height: 60px !important; } }
    .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item.feedback-provided {
      cursor: not-allowed; }
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item.feedback-provided .meta-data,
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item.feedback-provided .meta-data-photo {
        opacity: 0.4; }
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item.feedback-provided .ant-ribbon-wrapper {
        position: absolute;
        display: block;
        top: 0px;
        right: 0; }
    .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item .ant-image {
      border-radius: 6px; }
      .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item .ant-image img {
        border-radius: 6px;
        height: 100%;
        object-fit: cover; }
    .freelancer-client-feedback-modal .freelancer-client-feedback-modal-container .shortlist-profile-item:hover:not(.feedback-provided) {
      border: 1px solid #48b6cb;
      cursor: pointer;
      box-shadow: 0px 10px 60px -10px rgba(0, 0, 0, 0.25); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}

@use 'sass:map';
.ant-checkbox .ant-checkbox-inner {
  border-color: #acacad; }

.ant-checkbox-wrapper span:nth-child(2) {
  margin: auto 0; }

.firm-form-container .ant-input-affix-wrapper, .wrapper .form-container .ant-input-affix-wrapper {
  height: 40px; }

.firm-form-container .ant-form-item-control-input-content textarea, .wrapper .form-container .ant-form-item-control-input-content textarea {
  height: 200px; }

.firm-form-container .ant-form-item-control-input-content .project-details-text-area, .wrapper .form-container .ant-form-item-control-input-content .project-details-text-area {
  height: 100px; }

.link-modal-form input#url,
.link-modal-form input#title {
  height: 40px; }

.firm-form-container, .wrapper .form-container {
  padding: 1rem; }
  .firm-form-container .os-asterisk-sign, .wrapper .form-container .os-asterisk-sign, .firm-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after, .wrapper .form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after {
    display: inline-block !important;
    color: #ff4d4f;
    font-size: 18px !important;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-left: 0.15rem;
    margin-right: 0.25rem; }
  @media (max-width: 768px) {
    .firm-form-container, .wrapper .form-container {
      padding: 0.5rem; } }
  .firm-form-container button.ant-switch-checked, .wrapper .form-container button.ant-switch-checked {
    background-color: #9aca3f; }
  .firm-form-container .ant-checkbox-inner, .wrapper .form-container .ant-checkbox-inner {
    width: 20px;
    height: 20px; }
    .firm-form-container .ant-checkbox-inner:after, .wrapper .form-container .ant-checkbox-inner:after {
      width: 6px;
      height: 13px; }
  .firm-form-container .anticon-calendar, .wrapper .form-container .anticon-calendar {
    color: #acacad; }
  .firm-form-container .new-form-label.isPrivate, .wrapper .form-container .new-form-label.isPrivate {
    margin-bottom: 0px; }
  .firm-form-container .new-form-label, .wrapper .form-container .new-form-label {
    display: block; }
    .firm-form-container .new-form-label .ant-form-item-label label, .wrapper .form-container .new-form-label .ant-form-item-label label {
      font-weight: 400; }
    .firm-form-container .new-form-label .ant-form-item-label > label::after, .wrapper .form-container .new-form-label .ant-form-item-label > label::after {
      content: ""; }
    .firm-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before, .wrapper .form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before {
      display: none !important; }
    .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
      font-size: 16px !important;
      line-height: 26px !important;
      padding: 0.25rem;
      margin-left: 0.25rem;
      margin-bottom: 0rem !important; }
      @media (max-width: 768px) {
        .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
          font-size: 14px !important;
          line-height: 24px !important; } }
    .firm-form-container .new-form-label .ant-input-affix-wrapper, .wrapper .form-container .new-form-label .ant-input-affix-wrapper,
    .firm-form-container .new-form-label .ant-picker,
    .wrapper .form-container .new-form-label .ant-picker,
    .firm-form-container .new-form-label textarea.ant-input,
    .wrapper .form-container .new-form-label textarea.ant-input {
      border: 1.5px solid #e6eaed;
      border-radius: 3px; }
    .firm-form-container .new-form-label .ant-picker.ant-picker-large, .wrapper .form-container .new-form-label .ant-picker.ant-picker-large {
      width: 100%; }
    .firm-form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix, .wrapper .form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
      position: absolute;
      transform: scale(1.5);
      color: currentColor; }
    .firm-form-container .new-form-label .ant-picker .ant-picker-input input, .wrapper .form-container .new-form-label .ant-picker .ant-picker-input input {
      margin-left: 28px;
      font-size: 16px;
      padding: 0.25rem;
      margin-bottom: 0rem !important; }
  .firm-form-container .project-details-text-area, .wrapper .form-container .project-details-text-area {
    border: none;
    overflow: auto;
    outline: none;
    margin-top: 10;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none; }
  .firm-form-container .inline-form-elements, .wrapper .form-container .inline-form-elements {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 18px; }
    @media (max-width: 768px) {
      .firm-form-container .inline-form-elements, .wrapper .form-container .inline-form-elements {
        display: flex;
        flex-flow: column; } }

.firm-form-container.link-modal-form, .wrapper .link-modal-form.form-container {
  padding: 0.5rem; }
  .firm-form-container.link-modal-form .new-form-label, .wrapper .link-modal-form.form-container .new-form-label {
    display: flex; }
  .firm-form-container.link-modal-form .ant-form-item, .wrapper .link-modal-form.form-container .ant-form-item {
    margin-bottom: 0px; }

.project-heading {
  color: #acacad;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left; }

.project-details {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  color: #595a5c;
  text-align: left;
  white-space: pre-line; }

.add-project-button {
  color: #48b6cb;
  padding: 5px;
  border: 1.5px solid #48b6cb;
  margin-right: 12px;
  margin-top: 12px;
  border-radius: 3px;
  min-width: 150px;
  max-width: 190px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  margin: 40px auto 0px;
  background-color: #e6f7fb; }

.right-1 {
  right: 3.5rem; }
  @media (max-width: 768px) {
    .right-1 {
      right: 2rem; } }

.heading, .label-heading, .firm-form-container .new-form-label .ant-form-item-label label, .wrapper .form-container .new-form-label .ant-form-item-label label, .firm-form-container .new-form-label .ant-form-item-label, .wrapper .form-container .new-form-label .ant-form-item-label, .label-content, .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
  color: #595a5c;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.25rem; }
  @media (max-width: 768px) {
    .heading, .label-heading, .firm-form-container .new-form-label .ant-form-item-label label, .wrapper .form-container .new-form-label .ant-form-item-label label, .firm-form-container .new-form-label .ant-form-item-label, .wrapper .form-container .new-form-label .ant-form-item-label, .label-content, .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
      font-size: 16px; } }

.label-heading, .firm-form-container .new-form-label .ant-form-item-label label, .wrapper .form-container .new-form-label .ant-form-item-label label, .firm-form-container .new-form-label .ant-form-item-label, .wrapper .form-container .new-form-label .ant-form-item-label, .label-content, .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
  font-weight: 400; }

.label-content, .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
  font-size: 16px;
  line-height: 20px; }
  @media (max-width: 768px) {
    .label-content, .firm-form-container .new-form-label .ant-input:placeholder-shown, .wrapper .form-container .new-form-label .ant-input:placeholder-shown {
      font-size: 14px;
      line-height: 18px; } }

.info, .firm-form-container .new-form-label .ant-picker .ant-picker-input input, .wrapper .form-container .new-form-label .ant-picker .ant-picker-input input {
  color: #acacad;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 0.5rem; }
  @media (max-width: 768px) {
    .info, .firm-form-container .new-form-label .ant-picker .ant-picker-input input, .wrapper .form-container .new-form-label .ant-picker .ant-picker-input input {
      font-size: 12px; } }

#companyDescription {
  font-size: 16px;
  border: 1px solid #e6eaed;
  resize: none;
  box-shadow: none;
  padding: 10px 20px; }

.border-box-wrapper {
  border: 1.5px solid #e6eaed;
  border-radius: 3px;
  padding: 1rem;
  margin-bottom: 1.5rem; }

.private-button {
  margin-left: 0.5rem;
  border-radius: 100px;
  font-size: 14px;
  padding: 0.15rem 0.25rem;
  color: #48b6cb;
  background-color: #e6f7fb;
  font-weight: 400;
  border: 1.5px solid #48b6cb;
  height: 28px; }

.round-sm-button {
  border: 1.5px solid #72706b;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  border-radius: 50%;
  cursor: pointer; }

.wrapper {
  margin: 0 1.5rem; }
  @media (max-width: 768px) {
    .wrapper {
      margin: 0;
      margin-top: 1rem; } }
  .wrapper .form-container {
    border: 1.5px solid #e6eaed;
    border-radius: 3px;
    max-height: 70vh;
    overflow: auto; }

.company-profile-page .file-uploader .uploaded-img-name {
  line-height: 36px; }

@use 'sass:map';
.new-os-form-container .new-form-label .ant-form-item-label {
  font-weight: 500;
  font-size: 16px; }
  .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-left: 5px; }
  .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before {
    display: none !important; }

.new-os-form-container .new-form-label .ant-input-affix-wrapper,
.new-os-form-container .new-form-label .ant-picker,
.new-os-form-container .new-form-label textarea.ant-input {
  border: 1.5px solid #e6eaed;
  border-radius: 3px; }

.new-os-form-container .new-form-label .ant-picker.ant-picker-large {
  width: 100%; }

.new-os-form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
  position: absolute;
  transform: scale(1.5);
  color: currentColor; }

.new-os-form-container .new-form-label .ant-picker .ant-picker-input input {
  margin-left: 28px; }

.new-os-form-container .inline-form-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px; }
  @media (max-width: 768px) {
    .new-os-form-container .inline-form-elements {
      display: flex;
      flex-flow: column; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #f3f3f3;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #f3f3f3;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  flex: none;
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: #595a5c;
  background-color: #fff;
  border-top: 1px solid #f3f3f3;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #f3f3f3;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(89, 90, 92, 0.3);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #595a5c;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #e3f0bd;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #e3f0bd;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #aed565;
  outline: none;
  box-shadow: 0 0 0 5px rgba(154, 202, 63, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #9aca3f;
}
.ant-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #cbe38f;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #cbe38f;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(89, 90, 92, 0.5);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  user-select: none;
}
.ant-slider-mark-text-active {
  color: #595a5c;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #cde59f;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(89, 90, 92, 0.3) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(89, 90, 92, 0.3) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}

.searchInput span.ant-input-affix-wrapper.ant-input-affix-wrapper-lg,
.searchInput .ant-input {
  background-color: #eff1f4; }

.projectReview .heading {
  color: var(--gray-900, #101828);
  font-size: 18px;
  font-style: normal;
  line-height: 28px; }

.projectReview .subheading {
  color: #344054;
  font-size: 14px;
  font-style: normal;
  line-height: 20px; }

.projectReview .detail-text {
  color: #595A5C;
  font-size: 16px;
  font-style: normal; }

.projectReview .detailTag {
  border-radius: 100px;
  border: 1px solid #E6EAED;
  background: #EDF8FA;
  padding: 8px 16px; }

.projectReview .content-padding-top {
  padding-top: 30px; }

.projectReview .padding-top-24 {
  padding-top: 24px; }

.projectReview .gap-item {
  gap: 1rem; }

.projectReview .os-review-tag {
  border-radius: 4px;
  border: 1px solid rgba(153, 202, 63, 0.53);
  color: #9ACA3F;
  background: #EEF6EA;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  padding: 4px 12px;
  min-width: 0;
  margin: 0; }

.projectReview .tag-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }

.avatar-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-items: center; }
  .avatar-item .avatar-image-container {
    border-radius: 50%;
    border: 3px solid #eff1f4;
    overflow: hidden; }
  .avatar-item .avatar-name-container {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px; }
  .avatar-item:hover .avatar-name-container {
    color: #43b6cd; }
  .avatar-item:hover .avatar-image-container {
    border-color: #43b6cd; }
  .avatar-item.active-state {
    color: #48b6cb; }
    .avatar-item.active-state .avatar-image-container {
      border: 3px solid #48b6cb; }
    .avatar-item.active-state .ant-typography {
      color: #48b6cb; }
    .avatar-item.active-state::after {
      content: "";
      background: #43b6cd;
      border-radius: 10px 10px 0px 0px;
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 3px; }

.economics-readonly-form-container .economics-readonly-form-container-names {
  margin-top: 36px;
  padding-top: 14px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #000000;
  opacity: 0.5; }
  .economics-readonly-form-container .economics-readonly-form-container-names .ant-row {
    padding: 4px 0;
    line-height: 16px; }

.economics-readonly-form-container .read-only-rates {
  display: flex;
  justify-content: flex-start !important;
  align-items: center !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  color: rgba(89, 90, 92, 0.5); }
  .economics-readonly-form-container .read-only-rates .read-only-rates-unit {
    margin-left: 2px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important; }

.contract-viewer-container {
  position: relative;
  padding: 16px 24px;
  overflow: auto;
  min-height: 60vh;
  max-height: 80vh; }
  .contract-viewer-container .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
    background: #48b6cb; }
  .contract-viewer-container .ant-tabs-tab {
    color: #000; }
    .contract-viewer-container .ant-tabs-tab .avatar-item {
      min-width: 220px; }
    .contract-viewer-container .ant-tabs-tab.ant-tabs-tab-active .avatar-item .avatar-image-container {
      border-color: #48b6cb; }
    .contract-viewer-container .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
      color: #48b6cb; }
  .contract-viewer-container .contract-content-area {
    background: #fff;
    padding: 18px;
    min-height: 400px; }
    .contract-viewer-container .contract-content-area .contract-content-item {
      margin-bottom: 8px;
      align-items: center; }
      .contract-viewer-container .contract-content-area .contract-content-item .contract-content-item-name-icon {
        align-self: flex-end; }
      .contract-viewer-container .contract-content-area .contract-content-item .other-details-section {
        margin-top: 8px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        /* or 129% */
        color: rgba(89, 90, 92, 0.5);
        white-space: break-spaces; }
      .contract-viewer-container .contract-content-area .contract-content-item .footer-top {
        border-top: 1px solid #f3f3f3; }
        .contract-viewer-container .contract-content-area .contract-content-item .footer-top .read-only-rates {
          background: transparent !important;
          border: none !important;
          margin-bottom: 0 !important; }
      .contract-viewer-container .contract-content-area .contract-content-item .final-price-area {
        background: rgba(255, 255, 255, 0.6);
        border: 1.5px solid #f3f3f3;
        border-radius: 3px;
        margin-left: 16px;
        padding: 0 16px; }
        .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab {
          position: relative;
          display: inline-flex;
          align-items: center;
          padding: 12px 0;
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 14px;
          /* identical to box height */
          color: #00000078;
          border-bottom: 1px solid #f3f3f3;
          width: 100%;
          justify-content: center;
          margin-bottom: 10px; }
          .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab .ant-typography {
            margin-right: 4px;
            color: #00000078; }
          .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.active-state {
            color: #48b6cb; }
            .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.active-state .ant-typography {
              color: #48b6cb; }
            .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.active-state::after {
              content: "";
              background: #43b6cd;
              border-radius: 10px 10px 0px 0px;
              width: 100%;
              position: absolute;
              bottom: 0;
              height: 3px; }
          .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.disabled {
            pointer-events: none !important;
            opacity: 0.7;
            position: relative;
            display: inline-flex;
            align-items: center;
            padding: 12px 0;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            /* identical to box height */
            color: #00000078;
            border-bottom: 1px solid #f3f3f3;
            width: 100%;
            justify-content: center;
            margin-bottom: 10px; }
            .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.disabled .ant-typography {
              margin-right: 4px;
              color: #00000078; }
            .contract-viewer-container .contract-content-area .contract-content-item .final-price-area .header-tab.disabled::after {
              display: none; }
      .contract-viewer-container .contract-content-area .contract-content-item .contract-content-item-name {
        font-size: 16px; }
      .contract-viewer-container .contract-content-area .contract-content-item .contract-content-item-value {
        font-size: 16px;
        color: #000;
        font-weight: 500;
        opacity: 0.8; }
  .contract-viewer-container .ant-collapse > .ant-collapse-item {
    background: #eff1f4;
    border-radius: 5px; }
  .contract-viewer-container .ant-collapse-content-box {
    background: #eff1f4;
    padding-top: 0; }
  .contract-viewer-container .ant-collapse-header {
    color: rgba(89, 90, 92, 0.5); }
    .contract-viewer-container .ant-collapse-header .ant-collapse-header-text {
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      /* identical to box height */
      color: #000000;
      mix-blend-mode: normal;
      opacity: 0.7; }

.fc-input-container {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .fc-input-container.input-error {
    border: 1px solid #f5222d !important; }
    .fc-input-container.input-error .ant-select-status-error {
      border: transparent !important; }
    .fc-input-container.input-error .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
      background-color: #fff;
      border-color: transparent !important; }
  .fc-input-container input::-webkit-outer-spin-button,
  .fc-input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .fc-input-container input[type="number"] {
    -moz-appearance: textfield; }
  .fc-input-container .divider {
    border-right: 1.5px solid #f3f3f3;
    height: 20px; }
  .fc-input-container .fc-amount-type-trigger {
    text-align: right;
    padding-right: 4px;
    line-height: 30px; }
    .fc-input-container .fc-amount-type-trigger .ant-typography {
      font-weight: 400;
      font-size: 12px;
      color: rgba(89, 90, 92, 0.5); }
    .fc-input-container .fc-amount-type-trigger:hover {
      cursor: pointer;
      color: rgba(89, 90, 92, 0.8); }
  .fc-input-container .day-sub-menu ul.ant-dropdown-menu-submenu-popup {
    max-height: 280px !important;
    overflow: auto; }
  .fc-input-container .ant-select-selection-item,
  .fc-input-container .ant-input-borderless,
  .fc-input-container .ant-input-prefix {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: rgba(89, 90, 92, 0.5);
    margin-right: 4px !important; }
  .fc-input-container .ant-select-selection-item:hover,
  .fc-input-container .ant-select-arrow:hover {
    cursor: pointer;
    color: rgba(89, 90, 92, 0.8); }
  .fc-input-container .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
    min-width: 48px; }

.economics-form-container {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .economics-form-container .tooltip-ico-color {
    color: #48b6cb; }
  .economics-form-container .footer-top {
    border-top: 1px solid #f3f3f3; }
    .economics-form-container .footer-top .read-only-rates {
      background: transparent !important;
      border: none !important;
      margin-bottom: 0 !important; }
  .economics-form-container .header-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */
    color: #00000078;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px; }
    .economics-form-container .header-tab .ant-typography {
      margin-right: 4px;
      color: #00000078; }
    .economics-form-container .header-tab.active-state {
      color: #48b6cb; }
      .economics-form-container .header-tab.active-state .ant-typography {
        color: #48b6cb; }
      .economics-form-container .header-tab.active-state::after {
        content: "";
        background: #43b6cd;
        border-radius: 10px 10px 0px 0px;
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 3px; }
    .economics-form-container .header-tab.disabled {
      pointer-events: none !important;
      opacity: 0.7;
      position: relative;
      display: inline-flex;
      align-items: center;
      padding: 12px 0;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      /* identical to box height */
      color: #00000078;
      border-bottom: 1px solid #f3f3f3;
      width: 100%;
      justify-content: center;
      margin-bottom: 10px; }
      .economics-form-container .header-tab.disabled .ant-typography {
        margin-right: 4px;
        color: #00000078; }
      .economics-form-container .header-tab.disabled::after {
        display: none; }
  .economics-form-container .read-only-rates {
    margin-bottom: 14px; }
  .economics-form-container .ant-form-item {
    margin-bottom: 14px !important; }
  .economics-form-container .ant-form-item-label {
    margin-bottom: 0px !important; }
  .economics-form-container .non-required .ant-form-item-label label::after {
    display: none !important; }
  .economics-form-container input::-webkit-outer-spin-button,
  .economics-form-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .economics-form-container input[type="number"] {
    -moz-appearance: textfield; }
  .economics-form-container .ant-select-selection-item,
  .economics-form-container .ant-input,
  .economics-form-container .ant-input-borderless,
  .economics-form-container .ant-input-prefix {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: rgba(89, 90, 92, 0.5);
    margin-right: 4px !important; }

.contract-form-container .contract-modal-form-item-label {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7); }

.contract-form-container .contract-form-item .ant-form-item-label {
  margin-bottom: 0 !important;
  padding-bottom: 4px !important; }

.auto-complete-select ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px; }

.auto-complete-select ::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background-color: #bfbfbf;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.auto-complete-select .tag-container {
  display: flex;
  margin-top: 20px;
  flex-direction: column; }
  .auto-complete-select .tag-container.non-draggable {
    flex-flow: row wrap; }
  .auto-complete-select .tag-container .auto-complete-tag {
    border-radius: 6px;
    color: #9aca3f;
    height: 28px;
    display: flex;
    width: max-content;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0px 5px 10px 5px; }
    .auto-complete-select .tag-container .auto-complete-tag .ant-tag-close-icon {
      height: 20px;
      width: 20px;
      background-color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .auto-complete-select .tag-container .auto-complete-tag .ant-tag-close-icon svg {
        height: 8px;
        width: 8px;
        color: #b2b2b2; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popconfirm {
  z-index: 1060;
}

.skill-segment-selector-container .ant-select-selection-overflow {
  padding-top: 4px; }

.talent-pool-individual-tab-container .term-tag {
  margin-top: 24px; }
  .talent-pool-individual-tab-container .term-tag .ant-tag-green {
    color: #9aca3f;
    background: #eef6ea;
    border: none;
    font-weight: 700;
    padding: 6px 10px; }

.talent-pool-individual-tab-container .os-toggle-list {
  margin-top: 12px;
  margin-bottom: 12px; }
  .talent-pool-individual-tab-container .os-toggle-list .ant-tag.ant-tag-checkable {
    padding: 13px 15px;
    font-weight: 400;
    font-size: 16px;
    color: rgba(89, 90, 92, 0.5);
    border: 1px solid rgba(89, 90, 92, 0.2);
    border-radius: 100px; }
    .talent-pool-individual-tab-container .os-toggle-list .ant-tag.ant-tag-checkable:hover {
      color: #48b6cb;
      background: #f5fdff; }
    .talent-pool-individual-tab-container .os-toggle-list .ant-tag.ant-tag-checkable.ant-tag-checkable-checked {
      font-weight: 700;
      font-size: 16px;
      color: #48b6cb;
      background: #f5fdff;
      border: 1px solid #b5e8f1;
      border-radius: 100px; }

.talent-pool-individual-tab-container .edit-round {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #F5FDFF;
  border: 1px solid #B5E8F1;
  border-radius: 100px;
  margin-left: 0.5rem; }

.talent-pool-individual-tab-container .edit-icon {
  cursor: pointer;
  color: #48B6CB;
  position: absolute;
  left: 12.5%;
  right: 12.49%;
  bottom: 12.49%;
  width: 20px; }

.top-profile-item-container {
  position: relative;
  min-height: 60px;
  min-width: 240px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 10px; }
  .top-profile-item-container.top-profile-viewed {
    min-height: 80px; }
  .top-profile-item-container .bookmarked-background {
    box-sizing: border-box;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #f7a52c;
    border-radius: 6px 0px 100px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    right: 0;
    top: -1px; }
    .top-profile-item-container .bookmarked-background .bookarked-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-profile-item-container .bookmarked-background .line {
      top: 37%;
      left: 37%; }
  .top-profile-item-container .profile {
    color: #595a5c; }
    .top-profile-item-container .profile.name {
      font-weight: 600;
      font-size: 14px;
      line-height: 16px;
      color: #595a5c; }
    .top-profile-item-container .profile.headline {
      font-weight: 400;
      font-size: 13px;
      line-height: 14px;
      color: rgba(89, 90, 92, 0.6);
      margin-top: 0.5rem; }

@use 'sass:map';
.overll-performance-container .statistics-row {
  box-sizing: border-box;
  min-height: 120px;
  background: #EFF1F4;
  border-radius: 6px; }

.overll-performance-container .statistics-col {
  background: #ffffff;
  border-radius: 6px;
  height: 100px;
  text-align: center;
  padding-top: 12px;
  margin: 0.5rem 0 0.5rem 0; }

.overll-performance-container .count-text {
  font-weight: 700;
  font-size: 30px;
  color: #48B6CB; }

.overll-performance-container .heading-text {
  font-weight: 400;
  font-size: 16px; }

@use 'sass:map';
.tp-item-wrapper .visibility-tag {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 6px 10px; }
  .tp-item-wrapper .visibility-tag.private {
    color: #ff4d4f;
    border-color: #ff4d4f;
    background: rgba(255, 54, 54, 0.1); }
  .tp-item-wrapper .visibility-tag.public {
    color: #4eab38;
    border-color: #4eab38;
    background: rgba(78, 171, 56, 0.1); }

@use 'sass:map';
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 6px; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper:hover {
  color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #48b6cb;
  border-color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #48b6cb;
  border-color: #48b6cb; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #48b6cb !important; }

.new-os-form-container .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(63, 167, 202, 0.12) !important; }

.new-os-form-container .new-form-label {
  margin-bottom: 20px; }
  .new-os-form-container .new-form-label .ant-form-item-label {
    font-weight: 500;
    font-size: 16px; }
    .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:after {
      display: inline-block !important;
      margin-right: 4px;
      color: #ff4d4f;
      font-size: 14px;
      font-family: SimSun, sans-serif;
      line-height: 1;
      content: "*";
      font-weight: 400;
      margin-left: 5px; }
    .new-os-form-container .new-form-label .ant-form-item-label label.ant-form-item-required:before {
      display: none !important; }
  .new-os-form-container .new-form-label .ant-input-affix-wrapper,
  .new-os-form-container .new-form-label .ant-picker,
  .new-os-form-container .new-form-label textarea.ant-input {
    border: 1.5px solid #e6eaed;
    border-radius: 3px; }
  .new-os-form-container .new-form-label .ant-picker.ant-picker-large {
    width: 100%; }
  .new-os-form-container .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
    position: absolute;
    transform: scale(1.5);
    color: currentColor; }
  .new-os-form-container .new-form-label .ant-picker .ant-picker-input input {
    margin-left: 28px; }

.new-os-form-container .inline-form-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 18px; }
  @media (max-width: 768px) {
    .new-os-form-container .inline-form-elements {
      display: flex;
      flex-flow: column; } }

.all-stakeholder-selector-container .label-primary {
  color: #344054;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize; }

.all-stakeholder-selector-container .label-secondary {
  color: #667085;
  font-size: 12px;
  line-height: 18px; }

.all-stakeholder-selector-container .client-name {
  color: var(--Gray-500, #667085);
  font-size: 14px;
  line-height: 20px; }

@use 'sass:map';
.personal-form .new-form-label .ant-form-item-label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px; }
  .personal-form .new-form-label .ant-form-item-label label.ant-form-item-required:after {
    display: inline-block !important;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
    font-weight: 400;
    margin-left: 5px; }
  .personal-form .new-form-label .ant-form-item-label label.ant-form-item-required:before {
    display: none !important; }

.personal-form .new-form-label .ant-input-affix-wrapper,
.personal-form .new-form-label .ant-picker,
.personal-form .new-form-label textarea.ant-input {
  border: 1.5px solid #e6eaed;
  border-radius: 3px; }

.personal-form .new-form-label .ant-picker.ant-picker-large {
  width: 100%; }

.personal-form .new-form-label .ant-picker .ant-picker-input .ant-picker-suffix {
  position: absolute;
  transform: scale(1.5);
  color: currentColor; }

.personal-form .new-form-label .ant-picker .ant-picker-input input {
  margin-left: 28px; }

.container {
  display: grid;
  grid-template-columns: 96px 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  padding: 32px; }
  .container .picture {
    grid-area: 1 / 1 / 3 / 1; }
    .container .picture img {
      width: 92px;
      height: 92px;
      object-fit: contain; }
    @media (max-width: 425px) {
      .container .picture {
        grid-area: 1 / 1 / 1 / 1; }
        .container .picture img {
          width: 60px;
          height: 60px; } }
  .container .heading {
    grid-area: 1 / 2 / 2 / 5; }
  .container .right-section {
    grid-area: 1 / 5 / 1 / 8; }
    .container .right-section .qa-vet-rate {
      justify-content: flex-end; }
  .container .footer {
    grid-area: 2 / 2 / 4 / 8;
    position: relative; }
    @media (max-width: 425px) {
      .container .footer {
        grid-area: 3 / 1 / 4 / 8; } }
  .container.mobile-view {
    grid-template-columns: 72px 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 8px;
    padding: 16px; }
    .container.mobile-view .picture {
      grid-area: 1 / 1 / 1 / 2; }
      .container.mobile-view .picture img {
        width: 60px;
        height: 60px; }
    .container.mobile-view .heading {
      grid-area: 1 / 2 / 2 / 8; }
    .container.mobile-view .right-section {
      grid-area: 2 / 1 / 2 / 8; }
      .container.mobile-view .right-section .qa-vet-rate {
        justify-content: space-between; }
        .container.mobile-view .right-section .qa-vet-rate.no-qa-vet {
          justify-content: flex-end; }
    .container.mobile-view .footer {
      grid-area: 3 / 1 / 4 / 8; }

.freelancer-feedback-form-container {
  background: #fff;
  padding: 18px; }
  .freelancer-feedback-form-container .ant-form-item {
    margin-bottom: 18px; }
    .freelancer-feedback-form-container .ant-form-item .ant-form-item-label {
      padding: 0; }
      .freelancer-feedback-form-container .ant-form-item .ant-form-item-label label {
        height: auto !important;
        color: #000000;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        mix-blend-mode: normal;
        opacity: 0.8;
        align-items: flex-start; }
    .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper {
      margin: 8px 16px 0px 0px;
      border-radius: 64px;
      background: #eff1f4; }
      .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper::before {
        content: none; }
      .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper:hover {
        color: #fff; }
        .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.Yes, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.Likely, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper:hover.Yes, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper:hover.Likely {
          background: #4eab38;
          border-color: #4eab38; }
        .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.No, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.Unlikely, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper:hover.No, .freelancer-feedback-form-container .ant-form-item .ant-radio-button-wrapper:hover.Unlikely {
          background: #f15946;
          border-color: #f15946; }
    .freelancer-feedback-form-container .ant-form-item .ant-checkbox-wrapper.ant-checkbox-group-item {
      margin-right: 8px;
      margin-bottom: 8px; }
      .freelancer-feedback-form-container .ant-form-item .ant-checkbox-wrapper.ant-checkbox-group-item .ant-checkbox + span {
        color: #898793;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px; }

.freelancer-status-update-modal .time-range .ant-picker-input > input {
  margin-right: -4px; }

.freelancer-status-update-modal .time-range .ant-picker-range-separator {
  padding: 0 4px; }

.freelancer-status-update-modal .anticon svg {
  color: #84888f; }

.freelancer-status-update-modal .ant-checkbox-group {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  gap: 20px; }

.freelancer-status-update-modal .ant-modal-header {
  border-bottom: none; }
  .freelancer-status-update-modal .ant-modal-header .ant-modal-title {
    font-family: Roboto;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #595a5c; }

.freelancer-status-update-modal .ant-modal-body .ant-col.ant-form-item-label {
  width: 30%;
  text-align: left; }
  .freelancer-status-update-modal .ant-modal-body .ant-col.ant-form-item-label label {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #595a5c; }

.freelancer-status-update-modal .ant-modal-body .freelancer-modal-content {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #595a5c; }

.freelancer-status-update-modal .ant-modal-body .freelancer-modal-sub-heading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  color: #000000;
  margin: 20px 0; }

.freelancer-status-update-modal .ant-modal-footer {
  border-top: none; }

.feedback-readonly-container {
  width: 100%; }
  .feedback-readonly-container .divider-container {
    display: none; }
  .feedback-readonly-container .divider-in-list:not(:last-child) .divider-container {
    display: block !important;
    height: 8px;
    margin-bottom: 16px; }
  .feedback-readonly-container .readonly-item {
    width: 100%;
    margin-bottom: 16px; }
    .feedback-readonly-container .readonly-item .readonly-item-label {
      font-weight: 500;
      font-size: 16px;
      line-height: 18px;
      color: #000000;
      mix-blend-mode: normal;
      opacity: 0.8;
      margin-bottom: 4px; }
    .feedback-readonly-container .readonly-item .readonly-item-value {
      white-space: break-spaces; }
    .feedback-readonly-container .readonly-item.type-skill .readonly-item-value {
      margin-bottom: 12px;
      margin-top: 12px; }
      .feedback-readonly-container .readonly-item.type-skill .readonly-item-value .skill-item {
        display: inline-block;
        background: #4eab38;
        mix-blend-mode: normal;
        border-radius: 2px;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding: 4px 12px;
        margin-right: 12px;
        color: #ffffff;
        margin-bottom: 8px; }
    .feedback-readonly-container .readonly-item.type-reasons .readonly-item-value {
      margin-top: 8px; }
      .feedback-readonly-container .readonly-item.type-reasons .readonly-item-value .reason-item {
        background: #f15946;
        border-radius: 6px;
        color: #ffffff;
        margin-right: 8px;
        margin-bottom: 12px;
        padding: 4px 8px; }
    .feedback-readonly-container .readonly-item.type-reasons .other {
      background: #f5f5f5;
      border-radius: 3px;
      padding: 20px;
      line-height: 28px;
      margin-top: 8px;
      margin-bottom: 0px; }
    .feedback-readonly-container .readonly-item.type-text-area .readonly-item-value {
      background: #f5f5f5;
      border-radius: 3px;
      padding: 20px;
      line-height: 28px;
      margin-top: 8px; }
    .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value {
      background: #fff;
      padding: 0px;
      line-height: 28px;
      margin-top: 8px; }
      .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value .toggle-option {
        padding: 6px 16px;
        color: #ffffff;
        border-radius: 6px;
        margin-top: 16px !important; }
        .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value .toggle-option.Yes, .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value .toggle-option.Likely {
          background: #4eab38; }
        .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value .toggle-option.No, .feedback-readonly-container .readonly-item.type-toggle .readonly-item-value .toggle-option.Unlikely {
          background: #f15946; }

@use 'sass:map';
.firmprofile-item-container .firmprofile-item {
  position: relative;
  padding-bottom: 32px; }
  .firmprofile-item-container .firmprofile-item .firmprofile-item-header {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px; }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-header span {
      font-family: Roboto;
      font-size: 22px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px;
      letter-spacing: 0em;
      text-align: left; }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-header.has-label {
      margin-bottom: 18px; }
  .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px; }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader span {
      width: auto !important;
      font-weight: 500;
      font-size: 18px;
      color: #595a5c; }
      @media (max-width: 425px) {
        .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader span {
          font-weight: 500;
          font-size: 16px; } }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader.has-label {
      margin-bottom: 18px; }
  .firmprofile-item-container .firmprofile-item .firmprofile-content {
    padding: 30px; }

@media (max-width: 425px) {
  .firmprofile-item-container .firmprofile-item .firmprofile-content {
    padding: 20px 10px; }
  .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader {
    display: flex;
    flex: row;
    flex-direction: row; }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader span {
      width: 175px !important;
      font-weight: 500;
      font-size: 16px !important;
      color: #595a5c; }
    .firmprofile-item-container .firmprofile-item .firmprofile-item-subHeader.has-label {
      margin-bottom: 18px; } }

.firmprofile-drawer-item-container {
  background: #ffffff;
  border-radius: 6px;
  margin: 15px; }
  .firmprofile-drawer-item-container .firmprofile-item {
    padding: 15px; }
  .firmprofile-drawer-item-container .firmprofile-content {
    border: 1.5px solid #e6eaed;
    border-radius: 6px; }

.firmprofile-drawer-item-containerbtm {
  background: #ffffff;
  margin: 15px 15px 0px 15px; }
  .firmprofile-drawer-item-containerbtm .firmprofile-item {
    padding: 0px 15px 0px 15px; }
  .firmprofile-drawer-item-containerbtm .firmprofile-content {
    border-radius: 6px 6px 0px 0px;
    border: 1.5px solid #e6eaed;
    border-bottom: none; }

.firmprofile-drawer-item-containerremovetop {
  background: #ffffff;
  border-radius: 6px;
  margin: 0px 15px 0px 15px; }
  .firmprofile-drawer-item-containerremovetop .firmprofile-item {
    padding: 0px 15px 0px 15px; }
  .firmprofile-drawer-item-containerremovetop .firmprofile-content {
    border-radius: 0px; }

.firmprofile-drawer-item-containerlastnode {
  background: #ffffff;
  border-radius: 6px;
  margin: 0px 15px 0px 15px; }
  .firmprofile-drawer-item-containerlastnode .firmprofile-item {
    padding: 0px 15px 0px 15px; }
  .firmprofile-drawer-item-containerlastnode .firmprofile-content {
    border-radius: 0px 0px 6px 6px;
    border: 1.5px solid #e6eaed;
    border-top: none; }

@media (max-width: 425px) {
  .firmprofile-drawer-item-containerremovetop {
    background: #ffffff;
    border-radius: 6px;
    margin: 0px 15px 0px 15px; }
    .firmprofile-drawer-item-containerremovetop .firmprofile-item {
      padding: 0px; }
  .firmprofile-drawer-item-containerbtm .firmprofile-item {
    padding: 0px; }
  .firmprofile-drawer-item-container .firmprofile-item {
    padding: 0px; } }

.firm-project-container .project-heading {
  color: #acacad;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left; }

.firm-project-container .project-details {
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0em;
  color: #595a5c;
  text-align: left;
  white-space: pre-line; }

.firm-project-container .private-button {
  margin-left: 0.5rem;
  border-radius: 100px;
  font-size: 14px;
  padding: 0.15rem 0.25rem;
  color: #48b6cb;
  background-color: #e6f7fb;
  font-weight: 400;
  border: 1.5px solid #48b6cb;
  height: 28px; }

.firmprofile-item-subHeader {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 18px;
  color: #595a5c; }
  @media (max-width: 425px) {
    .firmprofile-item-subHeader {
      font-size: 16px; } }

@use 'sass:map';
.topic-item-outer.active, .topic-item-outer:hover {
  box-shadow: 0px 16px 10px -7px rgba(50, 129, 32, 0.44); }
  @media (max-width: 560px) {
    .topic-item-outer.active, .topic-item-outer:hover {
      box-shadow: none; } }

.topic-item {
  background: rgba(77, 171, 56, 0.12);
  border-radius: 6px;
  padding: 18px 10px;
  width: 130px;
  height: 130px;
  text-align: center;
  transition: all 0.3s ease-out;
  cursor: pointer; }
  @media (max-width: 560px) {
    .topic-item {
      border-radius: 50%;
      width: 50px;
      height: 50px;
      padding: 18px; }
      .topic-item svg {
        height: auto;
        transform: scale(0.6) translate(-56%, -56%); }
      .topic-item__label {
        position: absolute;
        left: 0;
        font-size: 10px !important;
        line-height: 12px !important;
        font-weight: 400 !important;
        top: 52px; }
      .topic-item.active .topic-item__label,
      .topic-item:hover .topic-item__label {
        color: #4eab38 !important; }
      .topic-item.active, .topic-item:hover {
        background: #4dab38;
        color: #fff; }
        .topic-item.active __label svg path, .topic-item:hover __label svg path {
          fill: #fff; } }
  .topic-item svg path {
    fill: #4dab38; }
  .topic-item__icon {
    text-align: center; }
  .topic-item__label {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #4eab38; }
  .topic-item.active .topic-item__label,
  .topic-item:hover .topic-item__label {
    color: #fff; }
  .topic-item.active, .topic-item:hover {
    background: #4dab38;
    color: #fff; }
    .topic-item.active svg path, .topic-item:hover svg path {
      fill: #fff; }

.topic-item-container {
  display: flex;
  margin: 12px 30px;
  gap: 30px; }

.proposal-action-container {
  font-weight: 400;
  width: 108px; }
  .proposal-action-container.ant-btn-default {
    border: 1px solid #4eab38;
    border-radius: 3px;
    color: #4eab38; }

.proposal-item-container {
  display: flex;
  margin: 5px 0px 20px;
  gap: 20px; }

@use 'sass:map';
.article-item-container {
  display: grid;
  grid: auto / 1fr 2fr;
  grid-gap: 20px;
  position: relative;
  margin-bottom: 15px;
  background: #f6f6f6;
  border-radius: 5px;
  transition: 0.2s ease-in-out; }
  @media (max-width: 560px) {
    .article-item-container {
      grid: auto / 1fr; }
      .article-item-container .snippet {
        padding-left: 10px !important;
        padding-top: 0 !important; } }
  .article-item-container .image {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    transition: 0.2s ease-in-out;
    position: relative;
    border-radius: 6px; }
    .article-item-container .image .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #4c494b;
      opacity: 0;
      transition: 0.2s ease-in-out; }
  .article-item-container .snippet {
    position: relative;
    padding: 10px 0;
    padding-right: 10px; }
    .article-item-container .snippet .topics {
      color: #d3d3d3;
      position: relative;
      margin-bottom: 5px; }
      .article-item-container .snippet .topics a {
        text-transform: uppercase;
        color: #72706b;
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        position: relative;
        z-index: 82; }
        .article-item-container .snippet .topics a:hover {
          color: #a0ba09;
          transition: all 0.2s ease-in-out; }
    .article-item-container .snippet .link {
      display: block;
      text-decoration: none;
      color: #4c494b;
      background-color: transparent; }
      .article-item-container .snippet .link .article-title {
        font-size: 20px;
        font-weight: 500;
        color: #000; }
      .article-item-container .snippet .link .excerpt {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        color: #72706b;
        margin-bottom: 36px; }
      .article-item-container .snippet .link .read-more {
        text-align: right;
        font-size: 16px;
        font-weight: 500;
        color: #4eab38;
        margin-right: 24px;
        position: absolute;
        bottom: 16px;
        right: 0px; }
        .article-item-container .snippet .link .read-more:hover {
          text-decoration: underline; }
      .article-item-container .snippet .link:hover {
        color: #a0ba09;
        transition: all 0.2s ease-in-out; }

@use 'sass:map';
.add-project-modal {
  font-size: 18px; }
  .add-project-modal .form-field-required label {
    font-size: 18px;
    font-weight: 400; }
  .add-project-modal .ant-modal-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    color: #595a5c; }
  .add-project-modal .ant-modal-header {
    border-bottom: 3px solid #f0f0f0;
    padding: 22px 24px; }
  .add-project-modal .ant-modal-centered .ant-modal {
    top: 50px; }
  .add-project-modal .ant-input-affix-wrapper,
  .add-project-modal .ant-picker {
    border: 1.5px solid #e6eaed; }
  .add-project-modal .file-uploader {
    font-size: 16px !important; }
    @media (max-width: 768px) {
      .add-project-modal .file-uploader {
        font-size: 14px !important; } }

@use 'sass:map';
.freelancer-feedback-wrapper {
  background: #eff1f4;
  border-radius: 5px;
  padding: 20px; }
  @media (max-width: 768px) {
    .freelancer-feedback-wrapper {
      padding: 0.5rem; } }
  .freelancer-feedback-wrapper .project-photo {
    background: #ffffff;
    border: 1px solid #4eab38;
    border-radius: 5px; }
  .freelancer-feedback-wrapper .project-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.7; }
  .freelancer-feedback-wrapper .project-client-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.25px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.5; }

.new-profile-item-container {
  font-family: "Roboto";
  width: 100%; }
  .new-profile-item-container summary {
    pointer-events: none;
    margin: 0px;
    align-items: center;
    margin-bottom: 8px; }
    .new-profile-item-container summary::-webkit-details-marker {
      display: none;
      content: ""; }
    .new-profile-item-container summary::marker {
      display: none;
      content: ""; }
  .new-profile-item-container.show-collapse summary {
    pointer-events: all; }
  .new-profile-item-container .detail-container {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #595a5c;
    margin-bottom: 16px;
    margin-top: 0px; }
  .new-profile-item-container .profile-item .profile-item-label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #222222; }
  .new-profile-item-container .profile-item details {
    user-select: none; }
    .new-profile-item-container .profile-item details > summary span.icon {
      width: 24px;
      height: 24px;
      transition: all 0.3s;
      margin-left: auto; }
    .new-profile-item-container .profile-item details[open] summary span.icon .icon-down {
      display: inline; }
    .new-profile-item-container .profile-item details[open] summary span.icon .icon-up {
      display: none; }
    .new-profile-item-container .profile-item details summary {
      display: flex;
      cursor: pointer; }
      .new-profile-item-container .profile-item details summary::-webkit-details-marker, .new-profile-item-container .profile-item details summary::marker {
        display: none !important;
        content: ""; }
      .new-profile-item-container .profile-item details summary span.icon .icon-down {
        display: none; }
      .new-profile-item-container .profile-item details summary span.icon .icon-up {
        display: inline; }

.main-card {
  background: #fff;
  padding: 10px;
  border: 1.5px solid #f3f3f3;
  border-radius: 4px; }
  .main-card .inner-card {
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    padding: 10px; }
    .main-card .inner-card .ant-btn {
      display: initial; }
    .main-card .inner-card a.ant-btn {
      padding-top: 0px !important;
      line-height: 0 !important; }
    .main-card .inner-card .bottom-content-right {
      justify-content: right;
      display: flex; }

.freelancers-feedbacks-container {
  padding: 20px;
  margin: 8x;
  border-radius: 5px; }
  .freelancers-feedbacks-container.overall-feedback.freelancer-user {
    background: #fff;
    padding: 0;
    margin: 0px; }
    .freelancers-feedbacks-container.overall-feedback.freelancer-user .ant-tabs .ant-tabs-nav {
      display: none !important; }
  .freelancers-feedbacks-container.overall-feedback.moto-user {
    background: #fff;
    padding: 0;
    margin-top: 0; }
    .freelancers-feedbacks-container.overall-feedback.moto-user .ant-collapse .ant-collapse-item:first-child {
      margin-top: 8px; }
  .freelancers-feedbacks-container.feedback-rejection {
    margin: 0; }
    .freelancers-feedbacks-container.feedback-rejection.moto-user {
      background: #eff1f4;
      padding: 20px; }
      .freelancers-feedbacks-container.feedback-rejection.moto-user .feedback-readonly-container {
        width: 100%; }
        .freelancers-feedbacks-container.feedback-rejection.moto-user .feedback-readonly-container .readonly-item {
          background: #fff;
          padding: 16px; }
          .freelancers-feedbacks-container.feedback-rejection.moto-user .feedback-readonly-container .readonly-item .other {
            margin-top: 16px !important; }
          .freelancers-feedbacks-container.feedback-rejection.moto-user .feedback-readonly-container .readonly-item:not(:last-child) {
            margin-bottom: 0; }
  .freelancers-feedbacks-container .skill-item {
    background: #4eab38;
    mix-blend-mode: normal;
    border-radius: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 4px 12px;
    margin-right: 12px;
    color: #ffffff;
    display: inline-block; }
  .freelancers-feedbacks-container .title {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #595a5c;
    margin-bottom: 16px; }
  .freelancers-feedbacks-container .ant-collapse {
    width: 100%;
    border: none;
    background: #fff; }
    .freelancers-feedbacks-container .ant-collapse .ant-collapse-item {
      border: none; }
      .freelancers-feedbacks-container .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; }
      .freelancers-feedbacks-container .ant-collapse .ant-collapse-item.ant-collapse-item-active .freelancer-feedback-readonly {
        margin: 16px;
        margin-top: 0; }
        .freelancers-feedbacks-container .ant-collapse .ant-collapse-item.ant-collapse-item-active .freelancer-feedback-readonly .feedback-readonly-container {
          background: #fff;
          padding: 24px 16px;
          border-radius: 3px;
          margin-bottom: 0;
          padding-bottom: 8px; }
      .freelancers-feedbacks-container .ant-collapse .ant-collapse-item:not(:last-child) {
        margin-bottom: 20px; }
      .freelancers-feedbacks-container .ant-collapse .ant-collapse-item .ant-collapse-header {
        background: #eff1f4;
        border-radius: 5px;
        padding-bottom: 0; }
    .freelancers-feedbacks-container .ant-collapse .ant-collapse-content {
      border: none; }
    .freelancers-feedbacks-container .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
      background: #eff1f4;
      padding: 0px; }
      .freelancers-feedbacks-container .ant-collapse .ant-collapse-content > .ant-collapse-content-box .contract-content-area .freelancer-feedback-readonly {
        background: #ffffff;
        mix-blend-mode: normal;
        border: 1px solid #e1e1e1;
        border-radius: 3px; }

@use 'sass:map';
.firm-profile-detail .heading-color {
  color: #344054; }

.firm-profile-detail .text-color {
  color: #595a5c; }

.firm-profile-detail .url-color {
  color: #085ec5; }

.freelancers-feedbacks-main-container {
  min-height: 45vh; }
  .freelancers-feedbacks-main-container .avatar-item {
    min-width: 220px !important; }
  .freelancers-feedbacks-main-container.overall-feedback .ant-collapse-header .ant-collapse-header-text {
    width: 100%; }
  .freelancers-feedbacks-main-container.overall-feedback.moto-user {
    background: #fff !important;
    padding: 0; }
    .freelancers-feedbacks-main-container.overall-feedback.moto-user .ant-tabs-nav {
      margin: 8px 20px 8px 20px; }
    .freelancers-feedbacks-main-container.overall-feedback.moto-user .contract-content-area {
      padding: 20px;
      padding-top: 0; }
    .freelancers-feedbacks-main-container.overall-feedback.moto-user .ant-collapse .ant-collapse-item.ant-collapse-item-active .freelancer-feedback-readonly {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; }
  .freelancers-feedbacks-main-container.overall-feedback.freelancer-user {
    background: #fff;
    margin: 0px; }
    .freelancers-feedbacks-main-container.overall-feedback.freelancer-user .feedback-container-parent {
      padding: 20px; }
    .freelancers-feedbacks-main-container.overall-feedback.freelancer-user .ant-tabs .ant-tabs-nav {
      display: none !important; }