.isPasswordVisible {
  position: relative;
  left: 360;
  bottom: 30;
  cursor: pointer;
}
.termsTopDate {
  color: #054757;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.termsTopTitle {
  color: #101828;
  font-size: 48px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: -2%;
}
.termsTopSubTitle {
  color: #667085;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.termsTopTab {
  color: #F9FAFB;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid #F2F4F7;
  width: fit-content;
  }
  .humanFriendlyBtn {
    padding: 10px 14px 10px 14px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px #1018280F;
    box-shadow: 0px 1px 3px 0px #1018281A;
    border-radius: 6px 0px 0px 0px;
    }
  .termsContent {
    color: #667085;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
  }
  .termsContentHeading {
    color: #101828;
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
  }
  .active_user {
    color: #344054;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 0% */
  }
  .active_user_count {
    color: #12B76A;
    font-size: 11.935px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .total_user {
    color: #005A70;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; /* 0% */
  }
  .chart-page .my-custom-card {
    border-radius: 16px;
    background: #FFF;
    /* Shadow/md */
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  }
  .custom-chart-div .heading {
    color: #344054;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 0% */
  }
  .membership_div .my-custom-card-col-4 .custom-chart-div {
    height: 150px;
  }
  .membership_div .my-custom-card-col-4 .custom-chart-div h1 {
    margin: 0px;
  }
  .my-custom-card-active-users .custom-chart-div {
    height: 90px;
  }
  .my-custom-card-active-users .custom-chart-div canvas {
    width: 100% !important;
  }
  .chart-page .page-heading {
    color: var(--Gray-900, #101828);
    /* Display sm/Medium */
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px; /* 126.667% */
  }
  .chart-page .this-week-btn, .verification-page .this-week-btn {
    color: #667085;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 240% */
    padding: 8px 10px;
  }
  .chart-page .this-week-btn.activeBtn, .chart-page .this-week-btn:hover, .verification-page .this-week-btn.activeBtn, .verification-page .this-week-btn:hover {
    border-radius: 8px;
    padding: 8px 10px;
    background: #E5FAFF;
    color: #083945;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 240% */
  }
  .verification-page .active_user {
    color: #344054;
    font-size: 11.935px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .verification-page .total_user {
    color: #005A70;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    /* line-height: 0px; 0% */
  }
  .custom-chip {
    height: 25px !important;
    background: var(--Brand-50, #E5FAFF) !important;
  }
  .table-striped .custom-chip {
    height: 25px;
    background: var(--Brand-50, #E5FAFF);
  }
  .table-striped .custom-chip-error {
    height: 25px;
    background: #FDE8E6;
  }
  .table-striped .custom-chip-in-progress {
    height: 25px;
    background: var(--Purple-50, #F4F3FF);
  }
  .table-striped .custom-chip-freight-pro-verified {
    height: 25px;
    background: #ECFDF3;
  }
  .table-striped .custom-chip-id-verification {
    height: 25px;
    background: var(--Warning-50, #FFFAEB);
  }
  .custom-chip span {
    color: var(--Brand-800, #08242B);
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .table-striped .custom-chip span {
    color: var(--Brand-800, #08242B);
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .table-striped .custom-chip-error span {
    color: #901E17;
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .table-striped .custom-chip-in-progress span {
    color: var(--Purple-700, #5925DC);
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .table-striped .custom-chip-freight-pro-verified span {
    color: #027A48;
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .table-striped .custom-chip-id-verification span {
    color: var(--Warning-700, #B54708);
    text-align: center;

    /* Text xs/Medium */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
   }
  .icon {
    color: #12B76A !important;
  }
  .table-striped .icon {
    color: #12B76A !important;
  }
  .view-verification-btn {
    padding: 10px 16px !important;
    border-radius: 8px !important;
    color: var(--Brand-700, #083945) !important;
    /* Text sm/Semibold */
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px; /* 142.857% */
    border: 1px solid var(--Brand-50, #E5FAFF) !important;
    background: var(--Brand-50, #E5FAFF) !important;
    text-transform: none !important;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  }
  .view-verification-btn:hover {
    padding: 10px 16px !important;
    border-radius: 8px !important;
    color: var(--Brand-700, #083945) !important;
    /* Text sm/Semibold */
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px; /* 142.857% */
    border: 1px solid var(--Brand-50, #E5FAFF) !important;
    background: var(--Brand-50, #E5FAFF) !important;
    text-transform: none !important;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  }
  .customBorder {
    width: 15.5px;
    height: 21.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 7px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link {
    border: none !important;
    background-color: transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 1rem;
    color: #B2B7C2;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link.active {
    color: #054057;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-bottom: 2px solid #054057 !important;
    border-radius: 0px;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link svg path {
    fill: #B2B7C2;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link .customBorder {
    color: #B2B7C2;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link.active svg path {
    fill: #054057;
  }
  .meetups-tab ul.nav.nav-pills.vehicles-group .csr-nav-item .csr-nav-link.active .customBorder {
    color: #054057;
  }
  #csr_document_verification .responsive-table .table thead tr th {
    padding: 12px 24px;
    border-bottom: 1px solid var(--Gray-200, #EAECF0);
    background: var(--Gray-50, #F9FAFB);
    color: var(--Gray-500, #667085);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
  }
  #csr_document_verification .responsive-table .table tbody tr td {
    padding: 16px 24px;
    border-bottom: 1px solid var(--Gray-200, #EAECF0);
  }
  .csr_verification_card {
    width: 60%;
  }
  .csr_verification_card h3 {
    color: #344054;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .csr_verification_card p {
    color: #344054;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .Decline-verification-btn {
    padding: 10px 19px !important;
    border-radius: 8px !important;
    border: 1px solid #FF5C51 !important;
    background: #FFF !important;
    color: #FF5C51 !important;
    /* Text md/Semibold */
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px; /* 150% */
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  }
  .Approve-verification-btn {
    padding: 10px 19px !important;
    border-radius: 8px !important;
    border: 1px solid var(--Brand-600, #054757) !important;
    background: var(--Brand-600, #054757) !important;
    color: var(--White, #FFF) !important;
    /* Text md/Semibold */
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px; /* 150% */
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  }
  .csr_verification_card .approveVerification {
    border-radius: 6px !important;
    border: 0.5px solid #027A48 !important;
    background: #ECFDF3 !important;
  } 
  .csr_verification_card .approveVerification h3 {
    color: #027A48;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  } 
  .csr_verification_card .approveVerification p {
    color: #344054;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .csr_verification_card .declineVerification {
    border-radius: 6px !important;
    border: 0.5px solid #D92D20 !important;
    background: #FFF2F1 !important;
  } 
  .csr_verification_card .declineVerification h3 {
    color: #D92D20;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  } 
  .csr_verification_card .declineVerification p {
    color: #344054;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .post-meet-btn .decline_btn {
    border-radius: 8px;
    border: 1px solid #D92D20;
    background: #D92D20;
    color: #FFF;
    /* Text md/Semibold */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  }
  .opacity-05 {
    opacity: 0.5 !important;
  }
  #csr_document_verification .custom-button2, .custom-button2-btn {
    padding: 10px 16px !important;
    border-radius: 8px !important;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  }
  .btn.Approved_btn {
    border-radius: 16px;
    padding: 2px 8px;
    background: #ECFDF3;
    color: #027A48;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    text-transform: capitalize;
  }
  .btn.Approved_btn:hover {
    border-radius: 16px;
    padding: 2px 8px;
    background: #ECFDF3;
    color: #027A48;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    text-transform: capitalize;
  }
  .btn.Decline_btn {
    border-radius: 16px;
    padding: 2px 8px;
    background: #FFF2F1;
    color: #D92D20;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    text-transform: capitalize;
  }
  .btn.Decline_btn:hover {
    border-radius: 16px;
    padding: 2px 8px;
    background: #FFF2F1;
    color: #D92D20;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    text-transform: capitalize;
  }

  /* Id verification process css */

.container_new {
  /* max-width: 900px; */
  margin: 0 auto;
  /* background-color: #fff; */
  /* border: 1px solid #ddd; */
  /* border-radius: 8px; */
  overflow: hidden;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}

.header {
  text-align: center;
  /* background-color: #f7f7f7; */
  padding: 20px;
  /* border-bottom: 2px solid #ddd; */
}

.header h1 {
  margin: 0;
  color: #1D4D64;
  text-align: center;

  /* Display md/Semibold */
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px; /* 122.222% */
  letter-spacing: -0.72px;
}

.header .verification-id {
  font-size: 16px;
  color: #666;
  margin-top: 5px;
}

.timeline {
  position: relative;
  margin: 20px auto;
  width: 60%;
  /* margin: 20px 40px; */
}

.timeline::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 85%;
  background-color: #CECECE;
  top: 0;
  bottom: 0;
  left: 150px; /* Adjusted for heading on the left */
}

.timeline-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
  position: relative;
}

.timeline-item:last-child {
  margin-bottom: 0;
}

.timeline-icon {
  position: absolute;
  top: -4px;
  left: 139px;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border: 2px solid;
  border-radius: 50%;
}

.timeline-icon.applied { 
  border-color: #0CC3FD;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-icon.applied .circle { 
  background-color: #0CC3FD;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.timeline-icon.process { 
  border-color: #5925DC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-icon.process .circle { 
  background-color: #5925DC;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.timeline-icon.id-verification { 
  border-color: #FCBF0B; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-icon.id-verification .circle { 
  background-color: #FCBF0B;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.timeline-icon.verified { 
  border-color: #12B76A; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-icon.verified .circle { 
  background-color: #12B76A;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.timeline-heading {
  width: 130px;
  text-align: right;
  padding-right: 20px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.timeline-content {
  flex: 1;
  padding: 10px 20px;
  background-color: #fff;
  /* width: 40%; */
  margin-left: 4rem;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  position: relative;
}

.arrow-left:after {
    content: " ";
    position: absolute;
    left: -15px;
    top: 15px;
    border-top: 15px solid transparent;
    border-right: 15px solid #e6e6e675;
    border-left: none;
    border-bottom: 15px solid transparent;
}

/* .timeline-content p {
  margin: 0;
  font-size: 14px;
  color: #555;
} */

.timeline-content .head-title {
  color: #2F2F2F;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 166.667% */
}

.timeline-content .head-time {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 200% */
}
.timeline-content .highlight {
  font-weight: bold;
  color: #333;
}
.timeline-content .verified-text {
  color: #027A48;
}

  /* .timeline {
            position: relative;
            max-width: 600px;
            margin: 20px auto;
            padding: 10px 0;
        }
        .timeline::before {
            content: '';
            position: absolute;
            width: 4px;
            background-color: #d3d3d3;
            top: 0;
            bottom: 0;
            left: 50px;
            margin-left: -2px;
        }
        .container_new {
            padding: 10px 20px;
            position: relative;
            background-color: #fff;
            width: 49%;
            border-radius: 6px;
            margin-bottom: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .container_new::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            top: 10px;
            left: 50px;
            margin-left: -10px;
            border-width: 10px;
            border-style: solid;
        }
        .right {
            left: 70px;
        }
        .circle {
            position: absolute;
            width: 20px;
            height: 20px;
            top: 10px;
            left: 40px;
            background-color: #fff;
            border: 4px solid #d3d3d3;
            border-radius: 50%;
            z-index: 1;
        }
        .applied .circle {
            border-color: #007bff;
        }
        .process .circle {
            border-color: #6c757d;
        }
        .id-verification .circle {
            border-color: #ffc107;
        }
        .verified .circle {
            border-color: #28a745;
        }
        h4 {
            margin: 0 0 10px;
            font-size: 16px;
            color: #333;
        }
        p {
            margin: 0;
            font-size: 14px;
            color: #555;
        }
        .verified {
            background-color: #e8f5e9;
        } */